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; } } }

Web App Builder Widget Placement Glitch

Anonymous User

I'm using the Foldable Theme in AGOL WebApp Builder and the widget arrangement under the search bar has gotten glitchy. The location of the widget in the control panel doesn't align with how they appear on the app. Its problematic with adding new ones and editing existing widget settings. Has anyone experienced this/have solutions?

Vind meer berichten getagd met

Accepted answers

RobertScheitlin__GISP

Logan,

This is normally the result of someone manually editing the main config.json file outside of the WAB UI. The fix is fairly simple though. In the apps main config.json open it in a editor and find the first widget with a "placeholderIndex". The first one should have a "position" of "left" 55 then each subsequent one should have a left +50

"left": 55
"left": 105
"left": 155
etc
etc

All comments

RobertScheitlin__GISP

Strange.. That is why I said normally. Either way my advice is still the correct fix.

Anonymous User

I actually have not modified the json, I have only worked through the Web App Builder interface.

RobertScheitlin__GISP

Logan,

"left": 55
"left": 105
"left": 155
etc
etc

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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