Select to view content in your preferred language

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

245
2
3 weeks ago
JamesPoeschel
Frequent Contributor

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:

JamesPoeschel_0-1777985877517.png
Widgets when panel is collapsed:

JamesPoeschel_1-1777985951252.png

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):

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

0 Kudos
2 Replies
ZachBodenner
MVP Regular Contributor

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.

ZachBodenner_0-1778006041628.png



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. 

ZachBodenner_1-1778006085965.png


Again, not perfect, but close!

(edit for spelling)

Happy mapping,
- Zach
ShengdiZhang
Esri Regular Contributor

Hi @JamesPoeschel ,

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

ShengdiZhang_0-1778143018160.pngShengdiZhang_1-1778143024216.png

ShengdiZhang_2-1778143030116.png

Regards,

Shengdi