Design System Wizard

When applying WorkWithPlus for the first time in a KB, we should define which Design System will be used in order to create an application with great UX.

To open the Design System Wizard, you should go to WorkWithPlus Menu --> for Web-->Design System Wizard.

For this training, we'll use the 'Seine' theme with GAM security as follows:

StartupWizard_img01

Comments & Tips:

  • You should get the logos from the Logos folder included in the provided material 
  • While you work in the Design System Wizard, you can use the real-time preview to visualize how your application will look like according to the options you have selected.
  • In Step 3 we have defined the security type of the application. We will use GAM+WorkWithPlus and that is why you will automatically have a Login screen (between other screens) ready to use. 

If you want detailed information about the configuration options of each step, follow the following link: Startup Wizard information

As you can visualize, once you have finished the Design System Wizard, WorkWithPlus will import some objects related to the application’s look & feel will be imported (theme object, Master Pages, images, Web Panels, etc) and the WorkWithPlus Settings customized according to the definitions made.

An "Import WorkWithPlus Configurations" progress dialog is open with details expanded, showing status lines: Importing configurations, Importing WorkWithPlus label translations for the selected languages, processing a WWP_Lang resource file, Reading import file objects...Finished, Creating backup..., and Importing Language 'English'...

Summary

Well done! You should now be able to:

  • Define your customized Design System
  • Add security to your KB