[Data Grid Reactive] How to set the height of the datagrid dropdown
Forge component by OutSystems R&D
Application Type
Reactive

Hi,

   Use [DropdownColumn] in the datagrid. When the screen is displayed, the height of the DropdownColumn is not enough. Can I set the height?

 Thanks

Solution

try to set this in css

.wj-dropdown-panel.wj-grid-listbox.wj-control.wj-content.wj-listbox  

{

max-height: 300px ;

}

Hi @He Caixia ,

Yes , you can set height. In the in DataGridReactive application; change the css that belongs to DropDown.

If you did not get css please let me know more about DropDown in DataGridReactive

I'm sorry I can't get css. Can you help me ?

Hi @He Caixia 

open the dropdown and inspect element on it 

there is a class called .wj-dropdown-panel.wj-grid-listbox.wj-control.wj-content.wj-listbox 

the max-height proprty in it is 192px you can change it to whatever you want

Hi

 I'm sorry I can't find  [ .wj-dropdown-panel.wj-grid-listbox.wj-control.wj-content.wj-listbox ] css .

 I tried to set the css style in the following picture, but it didn't work. Can you help me?



Solution

try to set this in css

.wj-dropdown-panel.wj-grid-listbox.wj-control.wj-content.wj-listbox  

{

max-height: 300px ;

}

Your answer solved my problem

Thank you .

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.