Hi everyone,

I'm working on an OutSystems project where I've created a collapsible sidebar that opens and closes with a button. The sidebar is implemented as a web block and placed on every page, allowing consistent functionality across the app. Here’s a quick breakdown of how it works:

1. Sidebar Button: Located in the bottom-right corner of the sidebar, this button triggers an action to open/close the sidebar.

Open:

Closed:

1. Action Logic: The action first checks if the sidebar is open. If it’s open, it closes it; if it’s closed, it opens it. The action then triggers an event that calls a client action to manage the sidebar’s visibility.
2. Client Action (OnToggleSidebarEvent): This client action adjusts the screensize based on the open/close state.

The issue arises when I click an item within the sidebar (that sits in an item list) that redirects to a new URL. The item is based on a static entity called "MenuBarData"  This causes the entire sidebar to refresh, leading to a "spacey" look as it reinitializes on the new page. Which has the following attribute:

• Id
• Label
• Order
• IsActive
• Page
• IconURL

It redirects to the URL given in the Page Attribute

This is not the desired behavior, as it should ideally maintain its state without appearing to refresh.

I also dropped a zip file "Bestanden" with a video which shows the behavior and the oml file.

Question: How can I prevent the sidebar from refreshing or reloading when navigating to a new page? Is there a way to maintain its open/closed state seamlessly across page navigations?

Any help or guidance would be greatly appreciated!