JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Tabs › Tabs auto-height doesn’t work

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 5, 2022 at 2:17 pm #103448
    tbettinazzi@axioma.it
    Participant

    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

     

    August 8, 2022 at 7:58 am #103458
    svetoslav_borislavov
    Participant

    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/

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.