margin-top CSS override

Webix JS
1

How can I add a margin-top to the .webix_menu-x class? It seems to be always returning to 0 but I need to add some space on the top.

I’m doing this in assets/app.css in the Webix Jet app.

.webix_menu-x{
    margin-top:3px;
}```

But instead of 3px I always have 0px. 

I see also that in webix.css it is already  set like that:

```.webix_menu-x .webix_submenu_icon,.webix_view.webix_menu .webix_submenu_icon{width:6px;height:auto;font-size:14px;font-family:FontAwesome;line-height:1px;margin-top:3px}```

But on the client margin-top always ends up  with 0px.
2

Hello! The code from webix.css refers to the menu icon.

.webix_menu-x{ margin-top:3px; } works correctly. Here’s the snippet:

http://webix.com/snippet/ca23cbd7

Please check the way you add the css file to the page.

3

Thank you for quick response, can you please check why it is not working in this case:
http://webix.com/snippet/d1505b63

This snippet reflects my situation. Menu has no margin, but other controls seem to have it no problem.

4

You should apply CSS to the view that contains the menu. As follows:

webix.ui({
  type:"clean", 
  id:"taxonomy",
  css:"webix_menu-x",
  rows:[{  cols:[mymenu]   } ]
});

http://webix.com/snippet/9f5850ba

Moreover, without CSS you can set the offset from the edge via adding another row:

http://webix.com/snippet/6d6de862

5

Great, thank you