Problems with tab dimension

[tbettinazzi@axioma.it]

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 2 years, 5 months ago by tbettinazzi@axioma.it.

[admin]

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/

[tbettinazzi@axioma.it]

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

[admin]

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/

[tbettinazzi@axioma.it]

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

[tbettinazzi@axioma.it]

I’m forced to reopen this issue because the problem went out again.

Using auto-height in smatr-tabs id there’s a combo opening in the tab it’s not shown completely.

I can’t use the dropDownAppendTo feature to append id to the body becuase the combo whithin a form andI don’t get back the selected value.

How can I solve that issue ?

Tks

[Markov]

Hi,

The solution is to set the dropDownAppendto property of the ComboBox and also set its “name” property which is used in the form submit.

Best Regards,
Markov

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

[tbettinazzi@axioma.it]

Sorry but I already have the name attribute in the dropdown list but still it doesn’t work.

Data are not sent back by the form.

Tks

[Markov]

Ok, you can try something else then – add a hidden input and sync it with the value of the dropdownlist when the dropdownlist’s value is changed i.e subscribe to the “change” event of the dropdownlist. In the event handler, set the value of the hidden input.

Best Regards,
Markov

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

[Author]

Posts