Adding vertical scrollbar in wijmo listbox

Adding vertical scrollbar in wijmo listbox

Posted by: nivishapanwar on 3 February 2021, 4:51 am EST

• 

  nivishapanwar

  • Post Options:
  • Link
    Copy

  Posted 3 February 2021, 4:51 am EST

  Hi ,
  
  I am using wijmo listbox and added like same as in the example given in the grapecity, but I am not able to add a vertical scrollbar in the listbox.
  
  <wj-list-box #ListData [itemsSource]=“name”
  
  (selectedIndexChanged)=“displayListBoxValueInTextField(ListData)”>
  
  
  
  Thank you.
  
  Regards,
  
  Nivisha

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 February 2021, 6:19 am EST

  Hi Nivisha,

  You will need to set the height CSS property of the listbox and then only vertical scrollbars will be displayed:

  .wj-listbox{
  	height: 400px;
  }
  

  Regards,
  
  Ashwin

• 

  nivishapanwar

  • Post Options:
  • Link
    Copy

  Posted 4 February 2021, 8:16 am EST

  Hi Ashwin,

  Will I be able to get the scrollbar if I keep height as auto as if I keep it as 400 px, the listbox is coming out of the container .

  Thank you.
  
  Regards,
  
  Nivisha

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 February 2021, 11:15 pm EST

  Hi Nivisha,

  Setting auto as the height will display all the elements in the ListBox and a scrollbar will not be displayed.
  
  You can try setting the height to 100% so it will not move outside the container.

  ~regards