mdb-tabs setting min height

Topic: mdb-tabs setting min height

cawgit asked 5 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>

Magdalena Dembna staff premium commented 5 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

Add comment

Mikołaj Smoleński staff answered 5 years ago