#Navigation item bottom

10 messages · Page 1 of 1 (latest)

rocky folio
#

How can I place a navigation item only at the bottom of the sidebar?

orchid stoneBOT
#

To help others find answers, you can mark your question as solved via Right click solution message -> Apps -> ✅ Mark Solution

balmy temple
rocky folio
#

i need something like this

image.png
exotic tinsel
rocky folio
#

yes, i try it with RenderHooks, but it needs a string, and NavigationGroup it's not a string. I can add a livewire component, but i must to replicate sidebar item and i don't know how

exotic tinsel
#

Well, you can’t just put a navigation item outside of the navigation. But you can make it look like one by copying the classes from the views.

dusk dome
#

A css solution would be:

  • use the navigatioSort to push/sort the latest pages/resources (Mis compras y Hablamos) to the bottom of the list,
  • then use css to make 100 height all elements below the main aside item (using flex utilities for instance),
  • and then apply margin-top: auto to the nth li item (page/resource) that you wan to push to the bottom

This css code should do the trick, but use it at your own risk, this might break your side menu if you add more groups, clusters, ... (not sure) or other side menus (if any):

aside.fi-sidebar > nav,
aside.fi-sidebar > nav > ul,
aside.fi-sidebar > nav > ul > li,
aside.fi-sidebar > nav > ul > li > ul {
    flex-grow: 1;
}

aside.fi-sidebar > nav > ul > li > ul > li:nth-last-child(2) {
    margin-top: auto;
}
rocky folio
#

It works perfect @dusk dome Thank you so much!!!