In the last excersice, we selected a design system that was predefined. Now, we are going to customize that design system by changing a few properties inside of it.
- Open the design system configuration and go to "Master Page" tab.
- Select the "Fixed left menu".
- Change the application name to "K2B Tools".
- Disable the notifications component and the universal search.
- Enable "Dark Mode".
 |
Master Page |
- Go to "Colors" tab and select the option scheme "Blue" with variant "Light".
 |
Colors |
- Go to "Headers and footers" tab.
- Change "Object title" height to "50 px" and font to "26 px".
 |
Object Title |
- Go to "Grids" tab.
- Modify "Font" property inside "Values" section to 14px.
- Change "Bottom border" property to "Thin".
 |
Grids Values |
- Go to "Form Controls" tab.
- Change "Borders" property to "Rectangle".
- Modify "Corners" property to "Rounded small".
 |
Form Controls |
- Go to "Buttons" tab and change all "Font" properties to 15px.
 |
Buttons |
- Go to "Work With" tab.
- Modify "Actions positions" to "Left".
- Change "Actions Visibility" to "Always".
 |
Work With |
- Go to "Form" tab.
- Change the property "Field label position" to "Top".
 |
Form |
- Click on finish, wait for the changes to apply and then Build the application (F5). See the results on runtime.
|