Topic: mdb-tabs setting min height
cawgit free 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>
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
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 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