JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Tabs › Tabs auto-height doesn’t work
Tagged: tabs auto-heght
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
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/