collapsed sidebar: Popupmenu dont show long texts

Hello Webix - Team,

I have sidebar - items configured like this:

var menu_data = [
	{id: "dashboard", icon: "dashboard", value: "Dashboards",  data:[
		{ id: "dashboard1", value: "Dashboard 1", data: [
                   { id: "dashboard3", value: "Hierachiestufennummer 3", data: [
                       { id: "dashboard4", value: "Hierachiestufennummer 4"}
                   ]}
                ]}
	]}
];

Now, when i have a collapsed sidebar and hover over my item “Hierachiestufennummer 3” (the text) wont show, because the text is too long.

Is there a possibility to configure the menu - items, which will shown on hover,
in a sidebar.

Your sincerely,
Basti_1995

Hello @Basti_1995 !

You can solve it with the help of CSS. Just add white-space: nowrap

.webix_sidebar_popup_list {
  	white-space: nowrap;
  }

Please check the sample: Code Snippet

Hello Webix-Team,

i am so sorry, but your given example doesn’t work.
https://snippet.webix.com/kbj4lmw9

Yours sincerely,
Basti_1995

Hi,

You can set the width of the popup like this:

{ id: "dashboard2", value: "Dashboard 2", config:{  width:300  },
     data:[ 
      {id:"co", value:'gghghjjgfgfsfsfsfsg' },
      ...

Please check the sample: Code Snippet