How to indent the third level of a sideMenu like the first two?

Support
#1

Hi All,

I’m using a sideMenu as the main navigation element for my Web Application (based on Cuba).
Actually I’m using three levels for the sideMenu so what I get, when I open all the subitems, is something like this:
ITEM_1 (first level)
ITEM_11 (second level: indent respect the first one)
ITEM_111 (third level: at the same indent position of the second one)

I’d like to have instead:
ITEM_1 (first level)
ITEM_11 (second level: indent respect the first one)
ITEM_111 (third level: indent respect the second one)

Is it possible?

#2

Hi!

It can be achieved by extending application theme. And you can override style of sideMenu component by your own. Look here how to extend theme.

Regards,
Roman

#3

Thank you for your suggestion!