Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Default Minimized Not Respected


I'm looking to have a default layout where the sidebar is always expanded, and does not have a minimize toggle.

On the demo site, I'm able to get what I want and copy the provided configuration to my DefaultLayoutConfig.ts file, but when I reload (even after clearing out everything in local storage), it only stays minimized and not expanded?

I believe the main config section in control of this is:


"sidebar": {
"display": true,
"default": {
"minimize": {
"desktop": {
"enabled": false,
"default": false,
"hoverable": false
}
},
"menu": {
"iconType": "keenthemes"
}
}
}


The version I'm using above is Vue 8.2.9. I just tried using the same config on the version before (8.2.8) and it worked as expected. Both project's I downloaded, ran npm install, and then ran to test this.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi Ben,

Thank you for reaching out to us.

Could you please clarify which Metroni demo you are using?

Please note, that DefaultLayoutConfig.ts contains default values but the actual values are stored in the browser's local storage, to reset the layout just delete the configuration from the local storage.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Yes I made sure to delete the cached value after updating DefaultLayoutConfig, so it should be pulling from the updated file, but still does not respect the keep side panel open value.

I'm was using the Vue - Demo 1 8.2.9 version (8.2.8 works as expected as mentioned above).



Hi Ben,

Sorry for the late reply.

We have an issue with the default sidebar configuration property, to fix it you should add the following code in initSidebar.


if (
objectPath.get(config.value, "sidebar.default.minimize.desktop.default")
) {
this.bodyStore.addBodyAttribute({
qualifiedName: "data-kt-app-sidebar-minimize",
value: "on",
});
}


Regards,
Lauris Stepanovs,
Keenthemes Support Team


Deleted comment
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(