Logic Machine Forum
Distinct difference in menu for second level of Visualization Structure - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: Distinct difference in menu for second level of Visualization Structure (/showthread.php?tid=2868)



Distinct difference in menu for second level of Visualization Structure - p_xatzi - 25.09.2020

Hi,

I noticed that when inserting a second level in visualization structure, there is no special difference in the selection menu except for some small indent (also in visu it nice that you can pop up and "isolate this level"). Is there any way to make the difference of levels more distinct. Let' s say by changing colour of descriptions or having the possibility to expand/collapse e.t.c. ?

Thank you in advanced.


RE: Distinct difference in menu for second level of Visualization Structure - admin - 25.09.2020

You can change any property via Custom CSS. This example will set second level header background color to red:
Code:
.level.level-1 .a {
  background: red !important;
}

Expand/collapse can be done via Custom JS but there are no ready-made examples for this.


RE: Distinct difference in menu for second level of Visualization Structure - p_xatzi - 25.09.2020

(25.09.2020, 09:38)admin Wrote: You can change any property via Custom CSS. This example will set second level header background color to red:
Code:
.level.level-1 .a {
  background: red !important;
}

Expand/collapse can be done via Custom JS but there are no ready-made examples for this.

Hi, thanks for the tip. Is it possible to give some more options like changing background and font colour through RGB code? Also, how to make fonts bold. And finally same things for 1st level... (As you can see I don' t have knowledge of CSS...)

Thank you in advance!


RE: Distinct difference in menu for second level of Visualization Structure - admin - 25.09.2020

Use this:
Code:
.level.level-1 .a {
  font-weight: bold;
  background-color: #f90 !important;
}