app_settings.js .header_tabs
As of 3.10.0
, app header tabs icons can be configured by modifying the header_tabs
section in the app settings.
The header_tabs
section consists of key:value pairs, where the key is the name of the tab to configure.
These values can also be changed from the Admin console, on the Images page under the “Header tabs icons” tab.
{
"messages": {
"icon": "fa-user"
},
"tasks": {
"resource_icon": "medic-health-center"
},
"analytics": {
"icon": "fa-flag",
"resource_icon": "icon-treatment"
}
}
tab name | default FontAwesome icon |
---|---|
messages | fa-envelope |
tasks | fa-flag |
reports | fa-list-alt |
contacts | fa-user |
analytics | fa-bar-chart-o |
app_settings.js .header_tabs.<tab_name>
property | type | required | description |
---|---|---|---|
icon | string | no | FontAwesome icon name |
resource_icon | string | no | Resource icon name. |
svg
that supports css color filling, the icon will have a static color for every state (inactive, active and hovered). Colors will change only for FontAwesome icons and css fillable svg
icons.svg
icons. If mismatched Resource Icons are selected, they will be deselected upon saving.24 x 24px
when displayed.Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.