Topic: Pills click on tab show the content

sriramk18 priority asked 2 years ago

I need to show content when i change the tab.

Initially the content is show, after i change the tab the content is not shown.

Please let me know even if i change the tab i need to see the content.

I am using core and i have used partial view in each tab content.

Sample code

New Appointment

    <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="newappointmenttab">
        <div class="row">
            <div class="col-md-6 col-lg-4">
                <select id="department" class="select"  data-mdb-clear-button="true" data-mdb-filter="true" data-mdb-auto-select="false">
                        if (TempData["Department"] != null)
                            List<PatientPortal.Models.Department.Department> depts = (List<PatientPortal.Models.Department.Department>)TempData["Department"];
                            @if (depts != null)
                                <option value=""></option>
                                @foreach (PatientPortal.Models.Department.Department dept in depts)
                                    <option value="@dept.Id">@dept.DepartmentName</option>
                <label class="form-label select-label">Department</label>  
        <div id="newappointmentview">

    class="tab-pane fade"

        @*<partial name="/Views/Appointment/Index.cshtml"></partial>*@

@section ApptScripts{ $(document).ready(function() { $("#newappointmentview").load("/Appointment/Doctor"); }); }

Grzegorz Bujański staff answered 2 years ago

I understand the point is that after switching to bookedappointmenttab and back to newappointmentview content in newappointmentview is not shown?

id should be appended to an element with a tab-pane class.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.2.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No