Dropdown list cut off in popup (Reactive)
Application Type
Reactive
Service Studio Version
11.11.3 (Build 43291)
Platform Version
11.12.0 (Build 29969)

After setting the Options Content attribute to "Custom" for the dropdown widget in a popup (Reactive app), the dropdown list in the popup is cut off at the bottom. How can the display error be fixed?

Hi Ralf,

i had a try with using a webblock as custom dropdown content, how about using this css

.popup-dialog{
    overflow: visible;
}

It worked in my quick test, but I haven't tested extensively, I don't know if there are any adverse effects on other parts of your popup or screen.

Dorine



Hi,

You should scroll down the pop up's scroller to see the dropdown,

Kind Regards,


The scrollbar of the popup disappears as soon as you click on it, because the dropdown is deprived of focus and it hides the list.

Furthermore, the display over the edge of the popup works, as long as you set Options Content to "Text only".

So you want the content "Custom" only and it's not working,

I am checking at my end, i'll let you know if it works 

Kind Regards,


The following screenshot illustrates the problem depending on whether Options Content is set to "Text only" or "Custom".


1. "Text only" works fine

2. "Custom" in comparison not

Hi,

Please check this one,

https://komal-k.outsystemscloud.com/DataModelingExercise/Screen1?_ts=637587741795486704

is this way you implement?

Kind regards,


I can't judge whether your solution fits. Is the Options Content attribute set to "Custom" in the dropdown? Furthermore, in the dropdown, instead of an expression, a block is called that displays the flag and name of the team.

Yes i have used Custom as content and now i have used block in drop down, 

check my OML here, you can find it in screen 1


dropdowninreactive.oml


Komal, thank you very much for your efforts. The whole thing works until you insert an image in the block. For whatever reason with an image the block is not displayed correctly.

Alright,  if you get the solution then post it here, so every one also get it,


Hi Ralf,

i had a try with using a webblock as custom dropdown content, how about using this css

.popup-dialog{
    overflow: visible;
}

It worked in my quick test, but I haven't tested extensively, I don't know if there are any adverse effects on other parts of your popup or screen.

Dorine



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