nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to create widget group and drop down in header controller

DanNorman

Has anyone figured out how to create widget groups as mentioned here: Controller widget—Web AppBuilder for ArcGIS | ArcGIS

i can not find to option to set a widget to "show in drop-down menu". The help file above makes it sound like a check box in the widget configuration accessible through the web app builder, without having to modify the code.

Thanks!

Don

タグ付けされた投稿をもっと見る

Accepted answers

RobertScheitlin__GISP

Donald,

In the Header widget configuration just grab a widget that you want to group with another and drag and drop one on another. This creates a group.

All comments

DavidPfeiffer

I had to read through a few posts and esri docs to fully understand this.

Per ESRI:

Header Controller is associated with the Foldable theme while Sidebar Controller is associated with the Tab theme.

my config is located at: ..\configs\HeaderController\config_themes_FoldableTheme_widgets_HeaderController_Widget_1.json in my project.
Here is the json code:

{
"groupSetting": [
{
"label": "GROUP LABEL",
"type": "dropDown"
},
{
"label": "GROUP LABEL",
"type": "dropDown"
}
]
}

If you are unsure of the group label name, it should match the config located at ..\config.json

AldwinGregorio

Hello guys. Is anyone having the same problem as mine? I already have my app, however, when I put the code below in the config.json of the Siderbar Controller, nothing happened. Am I doing it right? Thanks!

IMG_7057.jpeg

feisishui

headercontroll widget config.json 设置对应的要显示的groupsetting 为 dropDown，默认为openAll

CadeFurnas3

Hello. I have a few groups of widgets that I would like to display in a menu as in the image above. Here's the setting in the documentation:

Controller—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

So, groupSetting=dropDown needs to be added in the config.json, I think. Did you draw the image above, or is it from a real WAB app? If it's in a WAB app, we just need to look at the config.json file. I hope that helps.

EDIT: I see that you already saw that page in the docs. So we just need to figure out how to add it to the config.json. Lame.

haThach

Robert,

Do anyone know how to configure to show drop-down menu with the option of choosing a widget to be active instead of activating all the widgets in the groups?

DanNorman

ha thanks, just made my next post right when you did! thank you for the reply!

DanNorman

within the widget panel of the Web app builder interface, click and drag on on top of the other.

RobertScheitlin__GISP

Donald,

In the Header widget configuration just grab a widget that you want to group with another and drag and drop one on another. This creates a group.

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.