Topic: mdb-tabs setting min height
                  
                  cawgit
                  free
                  asked 6 years ago
                
Expected behavior
I would like my tabs (as cards) content area to be a minimum size instead of shrinking to empty when there are no form fields on it. How can I accomplish this. I would like to use a percent for the height like 90%
Actual behavior
Tabs (as card) with no form fields on it shrink to a minimum size and grow as the fields are added.
Resources (screenshots, code snippets etc.)
Here is the code for my tab and is there a height prop or something I can set to set the minimum height of the card even if there is no fields on the tab content area?
    <mdb-tabs
  @activeTab="getActiveTabIndex"
  tabs
  card
  justify
  :active="0"
  :links="tabs"
  class="mx-auto mb-5"
  style="width: 90%"
  color=" blue darken-4"
>
  <template slot="201">
        <ics-201 :missionNumber="missionNumber" v-on:childToParent="onChildClick"></ics-201>
  </template>
                
                  
                      
                      Mikołaj Smoleński
                      staff
                        answered 6 years ago
                    
Could you please reproduce your issue in our snippets editor: https://mdbootstrap.com/snippets/
It would be much easier and faster for us to help fixing your issue.
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
 - Premium support: No
 - Technology: MDB Vue
 - MDB Version: 5.8.0
 - Device: Desktop
 - Browser: Chrome
 - OS: Windows 10
 - Provided sample code: No
 - Provided link: No
 
Magdalena Dembna staff commented 6 years ago
Unfortunately, there is no such property. Have you tried setting minimum height of the wrapper element inside
template? I don't think that percentages would work in this case, but at least the tab won't shrink completely. Kind regards, Magdalena