Navbar horizontal collapsed - labels?

answered 2019-03-05 18:55:55 +0800

MDuchemin
2560 ● 1 ● 6

Hi Tisaksen,

In collapsed mode, the navbar will render the labels with display:none Also, the labels will appear as the first item of the popup menu when mouse is over the item.

It's possible to change the display style of the label node, but it will "jump" to inside the popup when the popup opens. http://zkfiddle.org/sample/cmu1h9/1-navbar-collapsed-label not very optimal

better solution is to override the domContent for zkmax.nav.Nav.prototype.domContent_ and zkmax.nav.Navitem.prototype.domContent_. In that case, you basically decide what to render as part of the node. you can either test if the node is the first-level child of the navbar (and add a label to display), or just add a label all the time and use CSS to target 1st-level nav and navbar anyway Have a look here for a fiddle example: http://zkfiddle.org/sample/cmu1h9/2-navbar-collapsed-label