Tabs auto-height doesn’t work

[tbettinazzi@axioma.it]

I’ve a quite complex tab group with many tabs each one containg a css grid.

I used an auto-height class in order to have each tab content respected but they seems to keep a fixed size smaller than the largest one.

<smart-tabs style=”width : 100%” selected-index=”1″ class=”auto-height” id=”tabsConfiguration”>

I tried to force the correct height setting also height 100% but nothing changed.

Is there a solution ?

Tks

 

[svetoslav_borislavov]

Hi,

Have you applied these styles?

 

smart-tabs.auto-height {

width: 100%;
height: auto;
min-height: initial;

}

smart-tabs.auto-height smart-tab-item:not(.smart-visibility-hidden) {

position: relative;

}

 

You can see them in the auto-height example: https://www.htmlelements.com/demos/tabs/auto-height/

 

If you have and the problem is still there, please give me a quick demo!

 

Best Regards,
Svetoslav Borislavov

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

• This reply was modified 3 years, 2 months ago by svetoslav_borislavov.
• This reply was modified 3 years, 2 months ago by svetoslav_borislavov.
• This reply was modified 3 years, 2 months ago by svetoslav_borislavov.
• This reply was modified 3 years, 2 months ago by svetoslav_borislavov.
• This reply was modified 3 years, 2 months ago by svetoslav_borislavov.

[Author]

Posts