For a give multiselect box how can we add a horizontal scroll to it?

Webix JS
1

@Helga I am using a multiselect dropdown box and am having a data with big length … so will i be able to have a horizontal scrollbar ?.In below we cant see the whole data value am also facing the same issue

https://snippet.webix.com/b0pi8lop

Thanks

2

Hello,

Nope, suggest lists do not support horizontal scroll.

Alternatively, you can calculate the necessary width using webix.html.getTextSize method. And don’t forget about fitMaster:false for suggest to avoid aligning the dropdown to the input size.

https://snippet.webix.com/tos87w0d

3

@Helga … Thanks helga… can the above will be applicable for in-build pivot filtering?
https://snippet.webix.com/c61ugool

4

Hi @Helga
Can the above scenario be applicable for in-build filters ?

https://snippet.webix.com/c61ugool

Thanks!

5

https://snippet.webix.com/8r05fi66

6

Thanks a lot @intregal … i kept the { id: “filters”, rows:[]} within the sidemenu and implemented in the similar as u suggested in the below snippet but i was not able to achieve the same. I guess it is not allowing to increase the width of the multiselect box bcos the side menu width is hindering it? is there a way to overcome it?

https://snippet.webix.com/8r05fi66

7

you can increase the width of sidemenu.
sidemenu is topParentView for your filters.
try this
https://snippet.webix.com/p7aysw3g

8

Thanks @intregal . I did the above implementation as u suggested, it didnt increase the width. But whatever logic i tired the width is not getting increased for both multi-combo box and side menu width. Below is the logging for the width of both of them… this width remains the same

//console.log(this.getPopup());

o {$ready: Array(2), i: {…}, j: {…}, k: {…}, VE: {…}, …}
$customWidth:ƒ (t)
$d:undefined
$height:215
$ready:(2) [ƒ, ƒ]
$scope:null
$view:div.webix_view.webix_window.webix_popup
$width:316
VE:{obj: o}

//console.log(topParent);

o {$ready: Array(0), i: {…}, j: {…}, k: {…}, VE: {…}, …}
$d:undefined
$height:779
$ready:[]
$scope:null
$view:div.webix_view.webix_window.webix_popup.webix_sidemenu.webix_sidemenu_left
$width:300

9

can you share the snippet you try to achieve?

10

@integral … thanks …the same snippet as u showed … I was only trying to increase the width+50 to width +100 in that way … but it didn’t work out

11

@integral … Can you show an example by placing the pivotmulticombo box within the side menu ?

12

https://snippet.webix.com/0tyqiyln
you don’t even need to resize sidemenu.
as popup itself is a window and does not have a container.

13

@integral Thank u so much…
https://snippet.webix.com/fdhshs4y
The above snippet is the exact scenario which i was looking for… But it didnt work for me because we are not having the version webix 5.2 .Hence it didnt work for me.we have till webix 5.1.0

Thanks :smile:

14

for webix.5.1
https://snippet.webix.com/4daklwex

15

@integral … Thank u so much … worked for me :smile: