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

Placeholder text in geocoder widget

KaitlynnDavis

I want to put some placeholder text in my geocoder widget so users know what it's there for. I'm pretty sure I followed the instructions for adding a placeholder property...

     var geocoder = new Geocoder({  map: map,  arcgisGeocoder: {   placeholder: "Zoom to a city or address"  } }, "search"); geocoder.startup();

Does anyone see any reason why I still don't see the placeholder text?

Finde mehr Beiträge mit dem Tag

Accepted answers

JanelYang

Yes, this is a known issue at v3.5. It should work fine with other versions. A workaround for v3.5 is to use:

dom.byId("<your widget id>_input").placeholder = "Zoom to a city or address";

Example: http://jsfiddle.net/83QUM/3/

You may also look at previous threads:
http://forums.arcgis.com/threads/87079-placeholder-for-basicviewer?p=307914#post307914
http://forums.arcgis.com/threads/86520-Geocoder-Placeholder-not-working-in-3.5

All comments

KaitlynnDavis

Yay! That worked for me. I appreciate the example and references

JanelYang

Yes, this is a known issue at v3.5. It should work fine with other versions. A workaround for v3.5 is to use:

dom.byId("<your widget id>_input").placeholder = "Zoom to a city or address";

KaitlynnDavis

I tried firefox and Internet Explorer, neither render the text. I am using API version 3.5, if that has any bearing on this property...

JanelYang

Which browser are you using? It should work fine with Chrome and Firefox.

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.