Problems with tab dimension - Smart UI Components

This topic has 4 replies, 2 voices, and was last updated 1 year, 6 months ago by tbettinazzi@axioma.it.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
October 13, 2022 at 10:23 am #103857
tbettinazzi@axioma.it
Participant
As You suggested in a previous post I created a tab

<smart-tabs onChange=”changedTab(this)” style=”width : 100%” selected-index=”0″ class=”auto-height” id=”tabsConfiguration”>

with auto-height class.

Usually it works but if one of the last elements in the tab content is a dropdown list, the list opens but is partially visible because of the tab border.

I don’t know, a priori, the size of the tab content and the size of the list.

How can I solve ?

Tks

Tullio
- This topic was modified 1 year, 6 months ago by tbettinazzi@axioma.it.
October 13, 2022 at 4:12 pm #103866

admin
Keymaster

Hi Tullio,

if you have dropdownlists, by default the popup is part of the dropdownlist and if there is not enough available space, the dropdown will not be fully visible. You can optionally display it, if the dropdown is added to the document’s body. The dropdownlist has a property called ‘dropDownAppendTo’. If you set it to body, the dropdown will be added to the document’s body so it will always be on top of other elements.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

October 21, 2022 at 4:46 pm #103897

tbettinazzi@axioma.it
Participant

I tested Your solution and it seemed to work.

However it produces a dramatic effect : my dropdown are within a form and, if i set dropDownAppendTo to body, values of the dropdownlist are not passed back.

I need a different solution.

Could You suggest it ?

Tks

Tullio

October 22, 2022 at 2:11 pm #103899

admin
Keymaster

Hi Tullio,

The dropdownlist’s value is passed with the form when the ‘name’ property of the component is set.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

October 23, 2022 at 7:05 am #103900

tbettinazzi@axioma.it
Participant

Name component was set but when appnd to is set to body it is not passed in my tests.
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.