Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Put Aside menu of demo1 inside a drawer in demo6


Hi keenthemes,

could that be possible to put the aside menu of demo1 inside a drawer in demo6 ??

Does the css support it or it is specific to demo1 ?


I mean put this menu of demo1 :

<img src=" alt="image" class="align-start mw-100"/>

inside this drawer of demo6 :

<img src=" alt="image" class="align-start mw-100"/>

Thank you.


user
riterix 4 years ago
Metronic 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)

user
Sean Author 4 years ago

Hi,

Great! To use the dark mode some extra sass files should be moved from demo1 to demo2


themes/metronic/html/demo1/src/sass/layout/aside/_menu.scss


to


themes/metronic/html/demo6/src/sass/layout/aside/_menu.scss


And include it in demo6 following:

themes/metronic/html/demo1/src/sass/layout/_layout.scss


And finally add aside-dark class to the parent container of aside(can set it to the body tag).


user
riterix 4 years ago

Hi Sean, Thank's for the quick reply.

but I'm lost on "And include it in demo6 following:" part ???
What should I do with "_layout.scss" of demo1 ?? use it to ovveride the "_layout.scss" of demo6 ??

Any explanation ?

thank's


user
Sean Author 4 years ago

Can you refer to demo1's _menu.scss include in it's _layout.scss ? The demo1 has custom code to make the aside dark optionally with the parent css class aside-dark assignment.


user
riterix 4 years ago

Forget about it,

IT is wonderfully working, amazing how it looks inside of a drawer happy,
Wanted to use the aside menu for a drawer to link to different pages.

Just now looking to make it look like dark as in demo1. any tips ?

Thank you guys.


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  :(