Info Window Structure

Recently I’ve updated a css style for info window (popup window which appears once user clicks on the marker). That update was done to allow users change layout css styles of “direction” box. So right now info window has the following structure:

MapBuilderIW
MapBuilderIWCaption
MapBuilderIWContent
MapBuilderIWFooter
MapBuilderIWFooterZoom
MapBuilderIWDirections

By default default window styles defined as the following:

#MapBuilderIW { width: 350px;}
#MapBuilderIWContent {height: 120px; overflow:auto;}
#MapBuilderIWCaption {font-weight: bold; font-size: 12pt; color: #369; border-bottom: 2px solid #369;}
#MapBuilderIWFooter {margin-top: 5px; font-size: 8pt; }
#MapBuilderIWFooterZoom {}
#MapBuilderIWDirections{ margin-bottom: 10px;}

In some cases users want to have small info window (with size of default google-map info window). To get that done you it’s necessary to remove all style references listed above from generated source code or just put the following:

#MapBuilderIW {width: 200px;}
#MapBuilderIWCaption {font-weight: bold;}

One Response to “Info Window Structure”

  1. Andrew Bidochko » JavaScript Injection Method Says:

    […]
    JavaScript injection method has been updated with recent “Direction” features and new info window structure. It’s necessary to upgrade your existing html code with latest code generate […]