CSS
The application allowes you to set your own CSS - Cascade Style Sheets - to be applied in user interface.
The CSS applied to the user interface is set on Profile General tab section.
CSS helps the administrator change the look and feel of the application.
For example, change the font size for cyrillic or logographic languages.
CSS are shown in a table structure.
|
Name |
Context |
Active |
Actions |
Create a new CSS
It is not possible to have two CSS with the same name.
- At the top right click on
New CSS icon.
- Fill in the fields.
- Name.
- Context available are frontend or mobile.
- Active.
- Click on Create button.
Edit a CSS
- Click on the
Edit CSS icon.
- Modify the fields.
- Click on the Edit button.
Delete a CSS
- Click on the
Delete CSS icon.
- Click on the Delete button.
Clone a CSS
- Click on the
Clone CSS icon.
- Modify the fields.
- Click on the Clone button.
Download a CSS
- Click on the
Download CSS icon.
- After a brief delay, the CSS file will be retrieved.
Samples
Large font sample
body, td, a, p, div, input, input.submit , textarea, select, button{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.gwt-MenuItem, .okm-TopMenuBar .gwt-MenuItem-selected, .okm-Input, .okm-TextArea, .okm-Select {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.okm-Popup .Caption, .okm-Popup-Error .Caption, .okm-Image-Popup .Caption {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 15px;
}Medium font sample
body, td, a, p, div, input, input.submit , textarea, select, button{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.gwt-MenuItem, .okm-TopMenuBar .gwt-MenuItem-selected, .okm-Input, .okm-TextArea, .okm-Select {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.okm-Popup .Caption, .okm-Popup-Error .Caption, .okm-Image-Popup .Caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}Default font sample
body, td, a, p, div, input, input.submit , textarea, select, button{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.gwt-MenuItem, .okm-TopMenuBar .gwt-MenuItem-selected, .okm-Input, .okm-TextArea, .okm-Select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.okm-Popup .Caption, .okm-Popup-Error .Caption, .okm-Image-Popup .Caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
