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 Spacing Issue

joerodmey

Using WAB dev edition. My widgets seem to be spacing out incorrectly at certain screen sizes.

Here is the config.json:

Any ideas?

Najděte více příspěvků označených jako

Accepted answers

RickeyFight

joe rodmey‌

You need to change all 4 of the "left": lines until you get the desired location.

All comments

RickeyFight

joe rodmey‌

Can you provide some screenshots of what you are seeing?

joerodmey

See inlcuded

RickeyFight

I believe its your

"position":{
   "left": 45,
‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

You have a space of 100 from the select to the query but the other ones are 45 and 55 so only 10 px spacing which is why they overlap

joerodmey

Si I need to change the 45?

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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