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.

FirstSteps_img04

Summary

Well done! You should now be able to:

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