...
The customized layout component must be registered in CLCR registry as given below in the layout component file.
Example:
Code Block | ||
---|---|---|
| ||
CLCR.registerCmp({ "CONFIG": "APPLICATION_LAYOUT", "LAYOUT": "UTKARSH" }, canvas.applnlayout.utkarsh.component); |
...
The newly customized layout has to be set in systempreferences.properties file. The layout common for desktop, mobile, and tablet must be specified in APPLICATION_LAYOUTTYPE. If the layout requirement differs for mobile and tablet from desktop, then the mobile layout must be specified in M_ APPLICATION_LAYOUTTYPE and tablet layout must be specified in T_APPLICATION_LAYOUTTYPE.In the example, let's look at the steps to create a custom application layout called, 'UTKARSH'.
Code Block | ||
---|---|---|
| ||
# This property will define the application layout. Possible values "TAB" or "CARD" or "EXCARD" or "APP" or "TABLE_TOP" or "MENU". ####################################################################################################################### APPLICATION_LAYOUTTYPE=CARD M_APPLICATION_LAYOUTTYPE=UTKARSH T_APPLICATION_LAYOUTTYPE=EXCARD |
In the subsequent sections, let's lookat look at the details of each configuration and its attributes for creating a customized customised application layout.