CSS

The application allowes to set your own CSS - Cascade Style Sheets - to be applied in user interface.

Note

The CSS applied to user interface is set on Profile General tab section.

Tip

That helps the administrator to 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

Caution

Can not be two css with 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  Edit CSS icon.
• Modify the fields.
• Click on Edit button.

Delete a CSS

• Click on  Delete CSS icon.
• Click on Delete button.

Clone a CSS

• Click on  Clone CSS icon.
• Modify the fields.
• Click on Clone button.

Download a CSS

• Click on  Download CSS icon.
• Elapsed some seconds, will be retrieved a CSS file.

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;
}