Text of menu item is cut off

Webix JS
1

Hi,
I have menu that have long text. Menu item displays only part of text i.e.
when text is “Shares Issued By Investor for European (As of 30 Jun 2014) 1” only “Shares Issued By” is shown.
in the snippet: http://webix.com/snippet/eca201cc click on sun icon in toolbar.

Thank you.

2

Hello,

Menu items can be configured

http://docs.webix.com/samples/03_menu/12_submenu_config.html

In you case it should be:

id: 'anchor',
value: '<span class="webix_icon fa-sun-o"></span>',
submenu: configMenuItems,
config:{
    width:420
}

http://webix.com/snippet/b115e48f

3

How to set the “width” of the main menu items?
i want to spread 3 menu bottons over the whole screen width but all are cropped to the left part of the screen…

webix.ui({
view: “contextmenu”,
id: “my_menu”,
layout: ‘x’,
subMenuPos: “right”,
width : document.body.clientWidth,
data: [
{ id: “my_menu_1”, value: “Options”, submenu: [“English”, “Slavic…”, “German”], config: { width: lnWidth } },
{ id: “my_menu_2”, value: "2 opt ", submenu: [“English”, “Slavic…”, “German”], width: lnWidth },
{ id: “my_menu_3”, value: “Opt 3”, submenu: [“English”, “Slavic…”, “German”], width: lnWidth },
]
, config: { width: document.body.clientWidth }
}).show();

4

Hello,

By default, Webix menu items have auto width, which means that they are adjusted to their contents.

You can change this value within the type object property:

type:{
  	width:document.body.clientWidth/3
 }

http://webix.com/snippet/63790c72

And the documentation http://docs.webix.com/desktop__dimensions.html#fixedsizing (Look for Component Item Sizing part).

5

thnx

6

MenuItem’s width need to change based on text i.e. in the same menu I can have long and short menu items, I can’t set hardcode width.
Menu should auto calculate width of an item and set it.
Please let me know if it is possible

7

Autosize ability for buttons, inputs, lists and menus is in our list of short term goals.

8

what release Autosize ability is planned for?

9

Currently this feature is not assigned to any release yet

10

Can it be assigned to relatively short term release?
it does not look good when menus are cut off.

11

While you can’t use auto-size yet, you can configure fixed width for any list or menu panel.

12

The problem is that menus are created in runtime with different lengths so I can’t set fixed width unless you recommend to set fixed width everytime I update menu item.

13

Yep, I see the problem
We will try to move this feature in some earlier release.

14

Hi,
We are planning to do beta release of our application.
It is extremely important that labels show up properly.
what release you scheduled this feature for?

Thank you

15

Hi,
Is anybody planning to answer my question?

16

This feature is planned to be included in Webix 2.4

Currently you can use onShow handlers for submenu that will resize view to fit the biggest text label
http://webix.com/snippet/5ed63c1d

In oncoming Webix 2.3 ( March 24 ) it will be possible to wrap such code in the custom view instead of placing onShow handlers in menu directly.

17

Hi,

This item is still not fixed in v2.5.8 for menu item with spaces (sorry it’s not easy to find long words like “Krankenwagen” for menu items …)

I tried doing hack like using span style=“white-space:nowrap” but still cannot get the full menu text to appear on the menu.