Dropdown Boxes

Webix JS
#1

Hello,

I have a problem with the drodown boxes in my tables.

[Album] Dropdown issue

As you can see in the provided picture the dropdown menu width adjusts to the width of the table column. Is it possible to automatically adjust the width of the dropdown box to the width of the entries, especially the maximum width of the dropdown values?

And is it somehow possible to create tooltips inside the dropdown box?

Thank you for your help!

#2

Hello,

Is it possible to automatically adjust the width of the dropdown box to the width of the entries

By default, suggest popup always fits its master cell/input. Although suggest has no auto-sizing to content, it is possible to

  • disable adjusting with fitMaster:false
  • either set a strict width or use a custom resize method.

Particularly, in the column configuration you can specify the following:

    { 
      id:"year",	
      editor:"richselect", 
      options:years,
      suggest:{
        fitMaster:false,
        on:{
          onShow:resizeSuggest
        }
      },
    },

And is it somehow possible to create tooltips inside the dropdown box?

As the list of options in the suggest is a regular ui.list, you can easily access it as suggest body and use the built-in tooltip.

Please, check the following example: Code Snippet

#3

Thanks, this snippet is great!

Is there also a maxWidth strategy that aligns the width to the size that its in scope of the parent’s container?

https://snippet.webix.com/2ct0imdj

#4

Hello,

There is no specific method/strategy, but you can set any limitation or shift the position as well as change the width.
For example: Code Snippet