topic Re: Change look of editor infowindow in ArcGIS JavaScript Maps SDK Questions

Change look of editor infowindow

DougCollins — Wed, 13 Mar 2013 15:14:09 GMT

Greetings,
I am trying to find out how to change the size, fonts, etc of the infowindow that pops up with the "default editing widget". I have found through experimentation that I can use the CSS to change some of these properties, but not all. The only CSS elements that I have found are: .dj_ie .infowindow .window .top .right .user .content

Can anyone tell me where to find all the elements that will allow me to change the style of the infowindow?

Thanks,
Charlie

Re: Change look of editor infowindow

DerekWicks1 — Wed, 13 Mar 2013 17:14:30 GMT

The widget's id by default is "esri_dijit_AttributeInspector_0". You should be able to refer to that id and modify any of the CSS elements listed here:

http://help.arcgis.com/en/webapi/javascript/arcgis/jsapi/attributeinspector.html

Re: Change look of editor infowindow

DougCollins — Thu, 14 Mar 2013 14:45:28 GMT

Thanks for the info. However, I am new to using the JavaScript API and JavaScript for that matter, and I am not quite sure how to use this information with the Default Editor Widget. I was looking trying to just resize the default editor infowindow using the map.infoWindow.resize(200, 300); statement but that does not seem to work. Maybe I'm just missing something here.

Thanks,
Charlie

Re: Change look of editor infowindow

DerekWicks1 — Fri, 10 Dec 2021 20:58:29 GMT

The Attribute Inspector is built in to the default editor widget and by default is given the id "esri_dijit_AttributeInspector_0". So any of the CSS elements listed on the Attribute Inspector should be able to be set by referring to the element, something like:

#esri_dijit_AttributeInspector_0 {
...
}

As for the InfoWindow not resizing I'm not sure what the problem is there. Are you using the Popup or InfoWindow?