Indent child menu items

PHPMaker General Discussion (PHPMaker)
1

Hi

Can any tell me how to Indent child menu items?
https://github.com/ColorlibHQ/AdminLTE/issues/2130

thanks

2

The issue was closed as “Done”:

you can add now .nav-child-indent to ul.nav-sidebar.

3

Hi all
maybe because my bad english (it’s not my native language), maybe because i don’t know enough PHPMAKER but i can’t indent the navigation bar menus.
After reading alot about identing navbar, i’ve tried that :

File : Themes\AdminLte_main-sidebar.scss

// Tree view menu
.nav-treeview {
display: none;
list-style: none;
padding: 0;

.nav-item {
.nav-link {

// Modified line
padding: 0.5rem 0.5rem 0.5rem 2.5rem;
//

.nav-icon {
width: $sidebar-nav-icon-width;
}
}
}
}

&.nav-child-indent {
.nav-treeview {
transition: padding $transition-speed $transition-fn;
padding-left: 1rem;

.text-sm & {
padding-left: .5rem;
}
}

With this modification the first menu level is indented, but not the others !
Under this line i can see "nav-child-indent "…

I’m a litle bit lost. Can anyone explain step by step what to do to implement this ?

Thank’s

4

arbei wrote:

The issue was closed as “Done”:

you can add now .nav-child-indent to ul.nav-sidebar.

You may use Page_Head server event (see the topic Server Events and Client Script in the help file) to replace the template (simply copy the original template in header.php, modify it and put it in the event):

5

Many thanks, this really help !
Working well now.

I understand that Page_Head server event simply overwrite header.php. Right ?

Thank’s a lot for your help !

6

RedDog wrote:

I understand that Page_Head server event simply overwrite header.php. Right

No, the event allows you to put another template to use (not overwrite) instead of the original template (which still exists).

7

OK, checked original header.php in Template cache folder, it’s the original one but :
In the outpout folder (site generated), i can see these added lines in header.php.

Many thank’s for your help.

8

Update to v2020.0.15, the indent child menu items should be available now.

  • Improved: Add nav-child-indent class to menu