Create your own Design System with WorkWithPlus - Part 4

In this part, we will focus on the application banner located below the header:

DesignImg21

In order to achieve a similar feature, define the following structure:

DesignImg22

Avoid the banner PageController by adding the following code in the Start Event of the Master Page: FSGBanner.ShowPageController=false

Once you have created the previous structure, you should create and customize the following classes:

Class TableBannerHeaderLevis 

DesignImg23

Class TableFSGLevis

DesignImg24

Class CardHeaderBannerTitle

DesignImg25

Class CardHeaderBannerSubTitle

DesignImg26

Assign the created classes in the "Theme Class" property of the proper tables and controls according to the following definition:

DesignImg27

Finally, add the proper code to load the banner:

DesignImg28

Run the application to visualize the results so far at runtime:

DesignImg29

You can download the xpz for this part from: Part 4