Is it possible to control the position of the ComboBox List of Results to always open Below the original box ?
I understand that the Select element is controlled by the browser in order to chose the best place to show it's own results, and if the Box is close to the footer of the page or viewport, the results will be shown above, since it is smart and chooses the best space for it.
But i still have the requirement to make every Combo Box to only open Downwards/Below and I would appreciate any help on it.
thanks in advance
Hi,
As this is handled by browser that where should be the best place to open the dropdown, the dropdown is at the bottom line and if there is not enough space to show the results it will open upwards,
To handle this you can apply some CSS for it's position like
position: absolute;
refer this - https://www.w3schools.com/css/css_dropdowns.asp
Thanks,
Unnati
Hi GamaOs,
If you are referring to the DropdownSelect widget then for the mentioned use-case, I would suggest you try by setting the widget's AdvanceFormat property value with:
"{position: 'bottom'}"
Hope this helps you!
Kind regards,
Benjith Sam
I am looking for an solution for every ComboBox, this will be usefull for the searchable ones, but I still need something for the common ComboBox.
OutSystems make it a bit hard to reach the Expandable List that appears OnClick in the ComboBox. It would be nice to have an Extended Property dedicated to this list.
I added these two classes to override existing in OutSystemsUi, it worked for me. The first class is an old version of the dropdown and the second one is for a newer version. I found these classes using inspect in browser
.is-flipped .choices__list--dropdown{
bottom: auto !important;
}
.dropdown-expanded-up div.dropdown-list{