Hi Shounak,

It seems that when i set CSS max-height, the modal is already bigger when I open it. But I want that the Modal resizes when I click on the Combobox. And that is resizes back (smaller) when something is selected from the ComboBox. Do you have any clue on how to fix this? 

Hi Bash, you can use Javascript to achieve that.

Add an event listener that read the height of the combobox list and add the size to the modal when is opened and removed when close.

Cheers,

Carlos Lessa

Dear Bash,

Can you please give me the OML for the application? Let me get my hands dirty with the CSS. I'll try to provide you the solution.

Regards,

Shounak

Hi Carlos, can you explain this solution in more detail? Would be very nice. 

Kind regards,

Bash

Sorry, I can't share the OML.. :/

Are you using reactive or traditional web?

I am using traditional 

Hi Bash,

I'm not sure whether this is what you are looking for?!

See this sample app | Task_Modal

Steps to follow:

Assuming that you are referring to Content\Modal and Controls\DropdownSelect widget in the mentioned case.

• Add a custom class i.e. custom-modal to the Modal widget in the ExtendedClass property
• Add a custom class i.e. customDD to the DropdownSelect widget in the ExtendedClass property
• Define the below-mentioned CSS definition in the respective Screen Style Sheet section

CSS Snippet:

.customDD .choices__list.choices__list--dropdown {
    position: relative;
}

.custom-modal.modal-wrapper {
   // max-height: 130px !important; // to restrict the height of modal
}

Hope this helps you!

Kind regards,

Benjith Sam

Hi Benjith,

This is exactly what I want as result! However, I'm using the "Controls/TimePicker" instead of the "DropDownSelect". Is there a way to use it with this widget? Since I can't see an "ExtendedClass" option in the widget.

Kind regards,

Bash Nie