InfoWindow Help, Basic Documentation

TimothyCrommie — Tue, 27 Dec 2011 15:26:01 GMT

Our group is try to convert from a Google API and base map over to the Bing base map and ESRI JavaScript API. I finding it difficult in finding simple documentation. Can anyone help with:
1) How do I remove the scroll bar in my infowindow and have it auto size to fit the content.
2) Is this any more information on Customizing the InfoWindow, not just the content but how to customize the colors, background, removing the tile, the shapes of the window, Changing the title color etc...
3) Also how to I over-ride the Dojo styles? I figured out the four styles, (Very hard to find) Claro, Tundra, Soria, Nihilo, but I want to use my own but can not find the documentation on the ID names used by the infowindow so I can use my own styles to control them.
4) Were Is there more information on InfoWindowLite and example of it being used?
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_customize.htm I gone to this page but it does not give any examples.
5) Is there any examples of "Create a custom info window" that is talked about here: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_customize.htm

I feel I am missing something here, I am being told its easier to user the ERSI Javascript API but I cant find the detailed documentation.

Help

Re: InfoWindow Help, Basic Documentation

NickLorenzen — Tue, 03 Jan 2012 13:42:08 GMT

1) How do I remove the scroll bar in my infowindow and have it auto size to fit the content.
2) Is this any more information on Customizing the InfoWindow, not just the content but how to customize the colors, background, removing the tile, the shapes of the window, Changing the title color etc...
3) Also how to I over-ride the Dojo styles? I figured out the four styles, (Very hard to find) Claro, Tundra, Soria, Nihilo, but I want to use my own but can not find the documentation on the ID names used by the infowindow so I can use my own styles to control them.
4) Were Is there more information on InfoWindowLite and example of it being used?
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_customize.htm I gone to this page but it does not give any examples.
5) Is there any examples of "Create a custom info window" that is talked about here: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_customize.htm

I feel I am missing something here, I am being told its easier to user the ERSI Javascript API but I cant find the detailed documentation.

Help

All the CSS information for the infowindow is automatically downloaded when you download the ESRI javascript library (from http://serverapi.arcgisonline.com/jsapi/arcgis/2.4compact/js/esri/dijit/css/InfoWindow.css in the case of version 2.4 compact that we are using on our mobile site). So, you can take a look at that and just override the CSS properties in your javascript by giving it a class within javascript that has an !important tag.

For our application here is
Infowindow: id="map_infowindow" class="simpleInfoWindow".
Titlebar: class="title"
Content section: div class="content"

I got that using Firefox as my browser and using the firebug add on (found at http://getfirebug.com/). If you haven't used it before it is a wonderfully powerful tool for debugging javascript. Chrome also has a developers toolbar that opens with F12 or right clicking and choosing inspect element that can give you the same type of information.

I hope this helps

topic InfoWindow Help, Basic Documentation in ArcGIS JavaScript Maps SDK Questions

InfoWindow Help, Basic Documentation

Re: InfoWindow Help, Basic Documentation