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


Mikołaj Smoleński staff answered 5 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


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: 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
Tags