Web Blocks

SidebarJS_Core

Place SidebarJS_Core widget on your page. This widget is responsible for setting the stylesheet and the javascript for the sidebar.

This widget is the sidebar's core functionality. And it must exist one time inside the page. If you plan to use the sidebar on a lot of pages, consider in placing this widget inside a page layout.

SidebarJS

This is the sidebar. Use this widget for every sidebar you want on a page. It has the content placeholder where you should put all the widgets that you want to be inside the sidebar.

Properties

• Position - If you want the sidebar to appear on the left or on the right of the screen
• OverlayOpacity - The overlay is a layer that prevents the content outside the sidebar to be clickable. This controls the overlay's opacity. Decimal from 0 to 1.
• IsOnOpenEventEnabled and IsOnCloseEventEnabled - if you want to have the two events triggered you need to set these flags to true.

You need to define the widget id so it can be used by the other web blocks or actions.

OpenSidebarJS, CloseSidebarJS and ToggleSidebarJS

These web blocks control client side the sidebar. They have a placeholder where you can place an icon. The placeholder is clickable and will control the sidebar with client side scripts. No server involved.

You just need to set the sidebar widget id that you need to control

Server Actions

OpenSidebarJS, CloseSidebarJS and ToggleSidebarJS

These are the server actions that control the sidebar.

You just need to set the sidebar widget id that you need to control