DesignerVista Tutorials
Design a Software Installer Wizard GUI
This tutorial will guide you step by step through the creation of a simple Software Installer Wizard GUI using Templates. It is addressed to those who have no previous experience in using the DesignerVista Templates.
This tutorial will guide you to design the following sample Security Pro 2.0 Installer Wizard using DesignerVista for Desktop GUI Mockup Application- Run DesignerVista Application
- Open System Templates
- Customize Template Contents
- Run Simulation
- Change WorkFlow
- Run Simulation to see the changes
Run DesignerVista Application
- Run DesignerVista Application if it is not yet started.
- Product Selection Dialog will be shown.
- Select Desktop product and click OK button.
- DesignerVista for Desktop GUI Mockup application will be launched.
Open System Templates
- Select [ Tools | System Templates ] menu item from the Application Menu bar.
- System Templates Dialog will be shown.
- Select Wizards group and select Installer Wizard item.
- Click OK Button.
- Installer Wizard template document will be opened and you can customize the controls without affecting the source.
Customize Template Contents
- Select Master page.
- Double click on Window Title and change the title as "Security Pro 2.0".
- Select Welcome page.
- Double click on Window Title and change the title as "Security Pro 2.0".
- Double click on "Welcome ..." text and change as "Welcome to Security Pro 2.0 Installer Wizard".
- Select Finish page.
- Double click on Window Title and change the title as "Security Pro 2.0".
- Double click on "Completing ..." text and change as "Completing Security Pro 2.0 Installer Wizard".
Run Simulation
Please note that the links for Next, Previous buttons have been already set.
- Press F10 or Select [ Runtime | Run ] menu item from Application menu bar.
- Simulation Run Window will be opened and Start page will be displayed.
- Click on Start button.
- Security Pro 2.0 Installer Welcome Screen will be displayed.
- Click on Next button will show you next page.
Change Workflow
Now we will customize the link for Next button in Destination Page to Ready to Install page.- Select Destination Page.
- Select Next button.
- Press F6 or Select [ Run | Edit Links ] menu item.
- Edit Links dialog will be displayed.
- Select ReadyToInstall page in Target Page combobox.
- Click OK button.
Run Simulation again to see the changes.
- Press F10 to run the simulation again.
- Click on the Next button in Destination page.
- Ready To Install page will be displayed.