Here is the suggestion and also a request for Seven HTML Pro.
This theme has an aside toggle button (which is great). What I need and suggests is that when you click on icon nav (aside primary) the close toggle should get open.
I hope you understand my request.
Hi,
Thanks for the suggestion. We will add it in the next update.
You can add the below js script into src/js/layout/aside.js
"use strict";
// Class definition
var KTLayoutAside = function() {
// Private variables
var asideEl;
// Private functions
var handleToggle = function() {
var toggleEl = document.querySelector("[data-kt-toggle-name="aside-minimize"]");
var toggle = KTToggle.getInstance(toggleEl);
const triggerTabList = document.querySelectorAll("#kt_aside_nav [data-bs-toggle="tab"]");
triggerTabList.forEach(triggerEl => {
const tabTrigger = new bootstrap.Tab(triggerEl);
triggerEl.addEventListener("click", event => {
toggle.disable();
})
})
}
// Public methods
return {
init: function() {
asideEl = document.querySelector("#kt_aside");
if (asideEl) {
handleToggle();
}
}
};
}();
// On document ready
KTUtil.onDOMContentLoaded(function() {
KTLayoutAside.init();
});
// Webpack support
if (typeof module !== "undefined" && typeof module.exports !== "undefined") {
module.exports = KTLayoutAside;
}
Thank you! It works.
Great! You are welcome! All the best