Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(