app-container
classes by applying the:container-fluid
- for fluid modecontainer-xxl
- for fixed mode// 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>