Table of Contents

How to use Step Wizard Slider addons?

  1. The first step, We are required to turn off the Ionic Emulator, on your Command Prompt / Terminal (NodeJS) press Ctrl + C button on keyboard.
  2. Create a new page, for example I will give the name Welcome. This is the page that will be targeted for automatic coding.
    1. Go to Pages menu
    2. Then click New Page button
    3. Write the text of page title with the name: Welcome and the other entries just leave it blank or default
    4. Then click Save Changes button
  3. Next, If you need a link from the menu:
    1. Go to Menus menu
    2. In the section of General, New Item field type 1 value
    3. Then click Add New Item button
    4. New item will appear at the bottom by the name: New Item X and then click Down Arrow button
    5. Next, click Edit button
    6. Then We will edit the properties of the menu: Type: Goto Internal Link, Variable: empty/blank, Label: Welcome and Page: Welcome (welcome) and for others fields are keep default
    7. And click the save change button
  4. Well, we will continue using the addons feature
    1. Go to Add-Ons menu
    2. Then click Choose button in Step Wizard Slider box
    3. Then complete the following fields:
      • Overwrite The Page, make sure you select the page that will be used to target the code that will be created, this will result in the old code being overwritten, so we will select Welcome page.
      • Page Title, Is the title of the page that will be made, example: Welcome.
      • Max Slides, The number of slides needed?
      • Go To Page, Where is the link to if you click the skip/continue button
      • Slide 1, Slide 2 or etc, Slides to be made, You must fill in the slide title, a brief description and a picture of each slide
    4. Finally click Save Changes button.
  5. Now, You have to update native plugins that are needed by your ionic project, to see instructions and the list of plugins needed go to the Native Plugins menu, You can install it using using your Command Prompt / Terminal (NodeJS)
  6. Finally, you can run your ionic emulator.

Last edit: 2019-02-10 01:20:52

Comment

For any question about products, please contact email support is: info@ihsana.com and info@ihsana.net

Search

img