Spacer and separator in "top:menu" jet

Webix JS
#1

I need separate item ib main menu.
in https://docs.webix.com/desktop__menu.html said use template spacer and separator , but it not work(
https://snippet.webix.com/3q3isvl6

  1. How show separator?
  2. How one item arrange in bottom of menu?
  3. How disable tooltip for some menu item?
#2

The documentation which you are reffereing to is about the “menu” widget, while you are using the “sidebar”
While visually similar they are not the same and sidebar doesn’t have ready to use devider.

The good news it is trivial to style it in the necessary way

https://snippet.webix.com/821h6el9

{"id": "layouts", "$css": "line-below" 

<style>
  .webix_tree_item.line-below{
    border-bottom: 1px solid silver
  }
</style>
1 Like
#3

Perfectly!!!
Thank you, Maxim!

How do I place one of the menu items at the bottom?
I also use items to exit and collapse, and if you click on their hint, an error pops up
https://snippet.webix.com/uleo244o

#4

Again, unlike menu sidebar doesn’t provide a built in solution.
You can place a custom button below the sidebar

check Code Snippet