Scorller not Displaying on listbox in bootsrap modal

[Paul Lees]

Hi I am wondering if it is possible to display the scroller associated with the listbox in a bootstrap modal. 

I am having troubles getting it to display however i do have the checkboxes displayed. 

Here You can see that the highlighed One is declaring that the virtualscroll Mode is set to normal, 

Here is the Code that is to populate the Listbox. 

Any help would be much appriciated. 

Thanks 

Paul 

[Arun Palaniyandi]

Hi Paul Lees, 

 

Thanks for contacting Syncfusion support. 

 

We have checked your shared sample and we can able to reproduce your mentioned issue. After analyzing this issue further, we have found that the Listbox is rendered correctly, but because of the Listbox is entirely inside the modal Dialog and in hidden state,  the height and width for the Listbox is not set properly. Therefore the scroller is not rendered properly when we open the modal Dialog. So in this cases we suggest you refresh the ListBox scroller once, in order to set the correct height and width and to enable the scroller when we make the ListBox visible using the modal shown event. 

  <script> 

 

        $('#myModal').on('shown.bs.modal', function () {  //modal shown event 

            var listobj = $("#SandESearch").ejListBox("instance"); 

            listobj.scrollerObj.refresh();   // refresh the listbox scroller object 

        }); 

 

    </script> 

Please find the sample link below 

 

http://jsplayground.syncfusion.com/kupim2yd 

 

Please let us know if you need any further assistance. 

 

Regards, 

Arun P