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

Geocoder Results grid - how to position

LuciHawkins

Hello,

I incorporated the geocoder widget and the results grid ends up being in a weird place. I have the <div>search<div> in a contentpane in an accordioncontainer and the results end up at the bottom of the contentpane instead of right below the search div. Any ideas on how I can customize the css to make it appear in the correct place.

Thanks,

Luci[ATTACH=CONFIG]24810[/ATTACH]

geocoder.jpg

clipAerialQuestion.png

DylanMurphy1_1-1767914610316.png

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

Accepted answers

MattDriscoll

Hello,

I incorporated the geocoder widget and the results grid ends up being in a weird place. I have the <div>search<div> in a contentpane in an accordioncontainer and the results end up at the bottom of the contentpane instead of right below the search div. Any ideas on how I can customize the css to make it appear in the correct place.

Thanks,

Luci[ATTACH=CONFIG]24810[/ATTACH]

It seems like putting the geocoder widget inside of another container with a CSS property/value of position:relative; would do the trick. Or you could adjust the CSS of where the results div is positioning to not use absolute positioning.

All comments

MattDriscoll

Hey Matt,

You pointed me in the right direction. What I ended up doing is adding this to my css file:

.simpleGeocoder .esriGeocoderResults {
position:relative;
}

Now the results show up in the right place 🙂

Thanks!

Luci

Awesome 🙂

Glad that worked!

LuciHawkins

Hey Matt,

You pointed me in the right direction. What I ended up doing is adding this to my css file:

.simpleGeocoder .esriGeocoderResults {
position:relative;
}

Now the results show up in the right place 🙂

Thanks!

Luci

MattDriscoll

Hello,

I incorporated the geocoder widget and the results grid ends up being in a weird place. I have the <div>search<div> in a contentpane in an accordioncontainer and the results end up at the bottom of the contentpane instead of right below the search div. Any ideas on how I can customize the css to make it appear in the correct place.

Thanks,

Luci[ATTACH=CONFIG]24810[/ATTACH]

Připojte se k diskusi

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.