The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More
Light
Dark
System
Ask  Question

Make Secondary Sidebar default collapsed


Hello,
i'm using Metronic Demo50, in this demo there is two sidebars (Primary and Secondary),
and there's toggle button to toggle secondary sidebar (open and close),
the default secondary sidebar is open so, i need to change the default to be collapsed when open the website like,


Thank's


A
Ahmed 2 years ago
SASS Bootstrap 5 HTML
4 Answers
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 (4)

G
Guest 2 years ago

data-kt-app-sidebar-secondary-collapse

how to make on/off based on user previous selection.

if user has closed then keep close on every page load.
if user has open then keep open on every page load.

Thanks


user
Sean Author 2 years ago

Hi,

To collapse the secondary sidebar by default just add data-kt-app-sidebar-secondary-collapse="on" attribute to the body element and active class to the toggle element with id kt_app_sidebar_secondary_toggle.

Please give it a try and let us know the result.

Regards.


A
Ahmed 2 years ago

yes it's working thank's for help


user
Sean Author 2 years ago

Great! If you need any further help please do let us know happy


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
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  :(