I have here a MENU which would show partial views as the content.
<
div
class
=
"panel-body"
>
<
div
id
=
"row_menu"
class
=
"row"
style
=
"margin-top: -15px;"
>
@(
Html.Kendo().Menu()
.Name("Menu_PatientDetails")
.Items(items =>
{
items.Add().Text("Patient Information").Selected(true).Enabled(false);
items.Add().Text("Insurance").Enabled(false);
items.Add().Text("Visits").Enabled(false);
items.Add().Text("Notes").Enabled(false);
items.Add().Text("Documents").Enabled(false);
})
.Events(e=>e.Select("openPatientDetails"))
)
</
div
>
<
div
id
=
"PatientInformationPanel"
>
@Html.Action("ShowPatientInformation", "Patient")
</
div
>
<
div
id
=
"PatientInsurancePanel"
class
=
"hidden"
>
@Html.Action("ShowPatientInsurance", "Patient")
</
div
>
<
div
id
=
"PatientYearPanel"
class
=
"hidden"
>
@Html.Action("ShowPatientYear", "Patient")
</
div
>
<
div
id
=
"CasesPanel"
class
=
"hidden"
>
@Html.Action("ShowPatientCases", "Patient")
</
div
>
<
div
id
=
"PatientDocumentPanel"
class
=
"hidden"
>
@Html.Action("ShowPatientDocuments", "Patient")
</
div
>
</
div
>
function openPatientDetails(e) {