Topic: select does not appear correctly when included in a tabs panel

DashMarketingGroup priority asked 1 week ago


I am attempting to use an mdb-select control inside a tabs panel, but it doesn't display correctly. Here is the code I am using:

<div id="tabSubCategories">
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12 text-center fs-4 fcDashSlogan">Manage Item Sub-Categories</div>
    </div>
<div class="row mb-4">
    <div class="col-6 offset-3 form-group">
        <select data-mdb-select-init id="selCategory" name="selCategory"></select>
    </div>
</div>
<div class="row mb-2">
    <div class="col-lg-12">
        <div class="table-responsive">
            <table id="tblSubCats" class="tbls display nowrap" style="width: 100%">
                <thead>
                    <tr>
                        <th class="tableHdr">Sub-Category Name</th>
                        <th class="tableHdr">Active?</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <div class="row mb-2">
        <div class="col-12 text-center">
            <button id="btnNewSubCategory" name="btnNewSubCategory" class="btn btn250 btn-success">New Sub-Category</button>
        </div>
    </div>
</div>

Here is how it appears: Screenshot of how the code looks when executed

As you can see from the included screenshot, the select does not properly display. There are no messages in the console, so I don't know what the problem is, but I appreciate your help with it. Thank you!


Kamila Pieńkowska staff answered 5 days ago


There are no options in the select. If your HTML included them select would work.



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.1.0
  • Device: laptop
  • Browser: chrome
  • OS: win11
  • Provided sample code: No
  • Provided link: No