Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Re-creating Aside on Demo 7 HTML in Demo7 Vue
Hi. may i know how to make secondary automatically open whenever i click primary pane? i need to click arrow at bottom to active secondary pane. please fix it.
Replies (3)
Hi Hassan,
We will check this and we will try to include a fix in the next release. If you want to enable the secondary panel when you click on the primary panel you can use the functions below for that.
const enableSecondarySidebar = () => {
document.body.setAttribute("data-kt-aside-minimize", "on");
};
const disableSecondarySidebar = () => {
document.body.removeAttribute("data-kt-aside-minimize");
};Then in src/layouts/main-layout/aside/AsidePrimary.vue add click event listener on the root element.
<div
@click="enableSecondarySidebar()"
class="aside-primary d-flex flex-column align-items-lg-center flex-row-auto"
>
...
</div>Regards,
Lauris Stepanovs,
Keenthemes Support Team
temporary i make like this on script. just small bug at arrow to make it rotate left to right
const sidebarOpen = ref(true)
const enableSecondarySidebar = () => {
document.body.removeAttribute("data-kt-aside-minimize");
}
const disableSecondarySidebar = () => {
document.body.setAttribute("data-kt-aside-minimize", "on");
}
const toggleSecondarySidebar = () => {
if (sidebarOpen.value) {
disableSecondarySidebar();
} else {
enableSecondarySidebar();
}
sidebarOpen.value = !sidebarOpen.value
}Hi,
You can toggle the arrow state by adding and removing active class to this button.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
