PricingDocsAcademy
Bluesky ...
Wed, Dec 11, 11:04 PM

Question about the Wow dashboard demo project

  • Ben H

    24 days ago

    I have a question about how the sidebar is working. When in mobile view, when you open the sidebar menu, it takes up the entire screen. This is apparently because the container for the sidebar has a .showMenu class that is used for the mobile view. However, I don't understand how this class is making it take the full screen. When I click on the class, the panel is just empty. What is this class doing? I'd like to replicate this functionality.


    Link to demo project: https://toddle.dev/projects/wow_dashboard/branches/main/components/HomePage?mode=design&leftpanel=design&canvas-width=772&canvas-height=800&rightpanel=style
  • Tod

    24 days ago

    Great energy @Ben H! Your continuous contribution to the toddle Community just made you advance to Community Level 4!
  • /attachments/1307528353082769468/1307532397444595722/image.png

    Lucas G

    24 days ago

    It's just 100%
    image.png
    πŸ‘1
  • image.png
  • Standard responsive settings
  • Lucas G

    24 days ago

    The showMenu class is just setting it to display: flex from none
    πŸ‘1
  • Ben H

    24 days ago

    Thx, you're right. Got confused because when you add 100% width to .showMenu it changes behavior in the editor. But works as expected in a preview window.

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!

Β© Copyright 2024 toddle. All rights reserved.