How can you make view buttons behave the same as in web app builder?

Question

I am trying to make a collapsible panel has widgets in it, and I want those widget buttons to still be visible when the panel is collapsed. And so when you click on a widget icon or text, it will expand the panel again and open the view of the widget you selected.

Widgets when panel is expaneded:

Widgets when panel is collapsed:

Here's the link to the web app builder I'm using as inspiration.

Bicycle, Pedestrian, and Transit Assessment

My current app looks like this when the panel is expanded (I can change the text to icons later):

But when I collapse the panel, its just completely collapsed. Is there a workaround to achieve the same web app builder behavoir?

ShengdiZhang · Answer

Hi @JamesPoeschel ,

You can refer to the Tab template for a similar effect. However, this is not a perfect solution either.

Regards,

Shengdi

ZachBodenner · Answer

It wouldn't be a perfect recreation, but what you could do is have a Section widget inside your Sidebar, and the Views Navigation (horizontal widget-picker-spoof) outside of it, and kinda use the Style panel to pin it to the top-left or wherever. Then in the Views Navigation Action panel, set up Button Click->Sidebar->Toggle Sidebar. Effectively that gets you everything except the transposing of the widget-picker in your reference app.

In this example, you could hit 'Basemap' again to close the sidebar (below pic), or change the view to a different widget hidden in the Section-in-Sidebar.

Again, not perfect, but close!

(edit for spelling)