Hi,
Could you please look into this bug that I found when I try to toggle the left side menu here is the code
-- Original code from HTML page in index.html ---
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize"> -->
<i class="ki-duotone ki-double-left fs-2 rotate-180">
<span class="path1"></span>
<span class="path2"></span>
</i>
</div>
<div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate @(SidebarMinimizeState=="on" ? "active" : "")" data-kt-toggle-state="@(SidebarMinimizeState=="on" ? "active" : "")" data-kt-toggle="true" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">@((MarkupString)KTTheme.GetIcon("double-left", "fs-2 rotate-180"))</div>
Hi,
Thank you for your feedback.
We reproduced this issue, the problem is in SidebarMinimizeState it doesn't change state when you click on toggle button.
To fix this issue you can add a click event below on the sidebar toggle button.
@onclick="UpdateSidebarState"
private void UpdateSidebarState()
{
if(SidebarMinimizeState == "on"){
SidebarMinimizeState = "off";
} else {
SidebarMinimizeState = "on";
}
}
It works, Thank you!
Hi,
Glad to hear that. All the best with your project!
Please don't hesitate to reach out if you need anything more from us.
Regards,
Lauris Stepanovs,
Keenthemes Support Team