topic Is there a way to adjust width of search widget in js api? in ArcGIS JavaScript Maps SDK Questions

Is there a way to adjust width of search widget in js api?

MichaelKefahuchi — Tue, 09 Feb 2016 10:04:41 GMT

Well, the question is already in the title.

The search widget is about 280px wide, and I just need to make it about 200px to fit to my tool bar.

Re: Is there a way to adjust width of search widget in js api?

Anonymous User — Tue, 09 Feb 2016 10:52:34 GMT

Hi Michael,

Did is defined in the esri.css stylesheet (look inside it for.arcgisSearch .searchGroup .searchInput ). You could override it with your own css.

Re: Is there a way to adjust width of search widget in js api?

MichaelKefahuchi — Tue, 09 Feb 2016 11:17:51 GMT

Thank you Richard,

I have already played with that css selectors however without success. Here is jsfiddle if you wish to have a look:

search widget width - JSFiddle

My tries are commented out, so far nothing worked...

Re: Is there a way to adjust width of search widget in js api?

AnthonyGiles — Tue, 09 Feb 2016 12:38:31 GMT

Michael,

Try using the following css:

.arcgisSearch .searchGroup .searchInput {

width:100px;

}

Regards

Anthony

Re: Is there a way to adjust width of search widget in js api?

MichaelKefahuchi — Tue, 09 Feb 2016 13:13:37 GMT

Richard thank you very much. I just didn't realize that I have to use all three selectors, till I read Anthony's answer. So I am marking Anthony's answer as correct one, but it is just because it was more obvious to me. I wish I could mark both as correct.

Big THANK YOU to both of you.

Re: Is there a way to adjust width of search widget in js api?

KenBuja — Tue, 09 Feb 2016 14:50:03 GMT

You can also mark answers as being helpful in addition.

Re: Is there a way to adjust width of search widget in js api?

MichaelKefahuchi — Wed, 10 Feb 2016 05:35:05 GMT

thanx for suggestion, I did that...