Dynamic width mode
Hi, is it possible to add a dynamic page width button to the page? Can you add this as a feature in the next update?
Also, how can I keep the side menu status in memory?
Replies (10)
Hi,
Please put this function at the bottom of the page, after all, js includes, and put a button to toggle it:
// On document ready
KTUtil.onDOMContentLoaded(function () {
document.querySelector("#my_button").addEventListener("click", function() {
var containers = document.querySelectorAll(".app-container");
[].slice.call(containers).map(function(container) {
if (container.classList.contains("container-fluid")) {
container.classList.add("container-xxl");
container.classList.remove("container-fluid");
} else {
container.classList.add("container-fluid");
container.classList.remove("container-xxl");
}
});
});
});<button class="btn btn-primary">Toggle</button>Regards.
Hi,
Thank you very much for your interest. I think it will be a useful function if you add it in the new upcoming version. It can be more functional if it can be developed with API.
Hi,
Noted, we will consider implementing it in a future update.
You can refer to this solution if you need to implement this urgently.
Regards.
Hi,
You can put the button and toggle all the containers with app-container classes by applying the:
container-fluid - for fluid mode
container-xxl - for fixed mode
Regards.
Hi,
Sure, we will share the code as soon as possible. Do you want the function that can be triggered by a button put in a page ?
Regard.
Hi,
For the sidebar state, you can refer to this post.
Regarding the dynamic width, could you please clarify it?
Regards.
