How to insert multiple sidebars in one app screen?

I’m trying to build an app for lawyers to check their cases with all of their clients, with two sidebars. The outer sidebar will include the names of their clients, and the inner sidebars will include their cases.

Is there any way to do that, maybe by rendering another form inside the main app?

You can alway edit HTML and CSS to add 2nd sidebar where you want it to have, but it won’t be easy.

The easiest way without HTML and with less CSS would be to add fixed CSS formatted column panel on the side as 2nd sidebar. You could even add hide/show animation with for e.g. Anvil Extras.
It would be neccessary to add auto overflow-y or even overflow-x in CSS and fix the width/height to some specific value.

2 Likes

You can do that, but it’s a full main form inside another full main form, so it’s not just an extra sidebar. You get a new title bar and everything, and it looks odd. You can try that easily enough to see.

What @KR1 describes is a better approach, designing the page to accommodate two sidebars.

1 Like

I do not know HTML or CSS, so it will be difficult for me to try the first method. But I can try the second method, hopefully with success.
Thanks!