Settings → System → Advanced customization
Here you can manage functions javascript and rules CSS applied on desktop or mobile.
Attention
Using inappropriate CSS rules can break the display of your Jeedom. Improperly used js functions can cause significant damage to various components of your installation. Remember to generate and outsource a backup before using these functions.
This function uses a particular mode of the Core file editor with two locations :
In the menu bar of the Core file editor, a button Enabled Or Deactivated tells you if the Core should load them or not. This option is also available in Settings → System → Configuration Interface tab.
Noticed
When launching this page, the tree is automatically created, as well as the 4 files with a comment on the first line including the version of the Core which created them.
Tips for customizing the interface
Injecting JS and / or CSS can make Jeedom inoperative.
In this case, two solutions :
IP / index.php?rescue=1
desktop / custom
and mobile / custom
All these examples are to be put in the CSS file (don’t forget to activate the advanced customization at the top)
.eqLogic-widget.cmds{
overflow-x: hidden !important;
overflow-y: hidden !important;
}
This allows you to have smaller widgets (width [min-width], height [min-height]) but be careful, this can make the display less pretty.
div.cmd-widget.content,
div.cmd-widget .content-sm,
div.cmd-widget .content-lg,
div.cmd-widget.content-xs {
min-width: unset !important;
min-height: unset !important;
}
.div_object legend .objectDashLegend {
margin-bottom: 5px;
}