Left "sidebar" open on click like header push example

1 reply · opened Jun 20, 2019

EEnriqueJun 20, 2019

Hi

I'm making a map and I'd like to have a similar behaviour to the one seen in the left side header open push

http://themes.semicolonweb.com/html/canvas/header-side-left-open-push.html

I mean, when clicking a marker on the map, to open this left pane/sidebar and make load (ajax) content on it

I'd like to know which css classes and/or javascript I should use to have this toggling left sidebar. Also, if possible, how to set a width for it once open

Thanks

SSemicolon WebSTAFFJun 20, 2019

Hello,

You can consider using the Side Panel feature: http://themes.semicolonweb.com/html/canvas/side-panel.html which uses the .side-panel-trigger Class that can be added to any Element on the Page to Toggle its display.

You can edit the Width in the style.css File by searching for the #side-panel Element. Additionally, make sure that you follow the Documentation > Start > Customization Section for instructions on Customizing Canvas.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard