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.
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.
