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

Finde mehr Beiträge mit dem Tag

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]

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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