Question

Has anyone ever created a dual sidebar toggle layout?

1

I have a design in mind but not sure that it is possible. I want to create a new layout that has a left and a right scroll region to go along with the top region and main body content. Each toggle region I'd like to make expand/contract but be initially open. Each region would likely have a tab container, one for navigation or something else and another that would function like a knowledge base search. The mendix layouts don't seem to permit having two sidebar toggles but I am wondering if anyone has ever found a way to create one before.

asked 2018-12-08

Andrew Daniels

4 answers

Alexander Keßler · Answer 1 · 2018-12-10

You can also achieve this without any custom widget.
In your domain model, add a nonpersistent entity with a boolean which controls the visibility of the sidebar. This entity will serve as container for the sidebar. Add a button with a nanoflow to toggle the attribute for opening/closing the container. After that, move the container with css "position:fixed;" and with "top:0; right:0" to the top right side of your app and add something like "height: 100vh". This will give the container the full height of the viewport. You will have to tweak the css a bit more to fit your needs, but that is basically the idea.

Hope it helps.

Maarten Bongers · Answer 2 · 2018-12-10

You could create something like this using the slide in slide out widget from the appstore: https://appstore.home.mendix.com/link/app/17847/

On one side you use the default Mendix sidebar toggle and on the other side you could use this widget.

Jason Teunissen · Answer 3 · 2018-12-11

I've done this before so its definitly possible.

You can create custom layouts with the css class "display:flex".

The only downside of this is that the modeler doesnt render containers with flexbox classes next to each other so your pages will be extremely long and not visually representative of how it will render.

Deagan Otterspeer · Answer 4 · 2023-08-30

Still looking for a solution for this 4 years later. Any solutions?

I'm almost looking for a horizontally + vertically collapsible groupbox, preferably with a transition on the new width because groupbox vertical expand is also so instantaneous right now.