Select to view content in your preferred language

Change look of editor infowindow

1032
3
03-13-2013 08:14 AM
DougCollins
Regular Contributor
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
0 Kudos
3 Replies
DerekWicks1
Deactivated User
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
0 Kudos
DougCollins
Regular Contributor
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
0 Kudos
DerekWicks1
Deactivated User
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?
0 Kudos