var templateWarbler = new InfoTemplate(); templateWarbler.setTitle("${Species}"); templateWarbler.setContent ("<b>Species</b>...... ${Species}<br/>" + "<b>Year</b>......... ${Year}<br/>" + "<b>Date</b>......... ${Date}<br/>" + "<b>Observer</b>... ${Observer}<br/>" + "<b>Count</b>....... ${Count_}<br/>" + "<b>Bio Info</b>..... ${Bio_info}<br/>" + "<b>Habitat</b>........ ${Habitat}<br/>" + "<b>Elev ft</b>........ ${Elev_ft}<br/>" + "<b>Location</b>..... ${LocDescrip}<br/>" + "<b>DataSource</b>. ${DataSource}<br/>" + "<b>Coord</b>.......... ${Lat}<br/>" );
Solved! Go to Solution.
map.infoWindow.setContent( "<table style='width:100%'><tr><td style='width:50%'><b>test1</b></td><td style='width:50%' >test2</td></tr><tr><td width=50%><b>test1</b></td><td width=50% >test2</td></tr></table>");
td{ width:150px; height:20px; max-width:150px; min-width:150px; max-height:20px; min-height:20px; **overflow:hidden;** /*(Optional)This might be useful for some overflow contents*/ }
var templateWarbler = new InfoTemplate(); templateWarbler.setTitle("${Species}"); templateWarbler.setContent("<b>Species</b> <tr><td>${Species}</td><td>two</td></tr> <br/>" + "<b>Year</b>......... ${Year}<br/>" );
var templateWarbler = new InfoTemplate(); templateWarbler.setTitle("Warblers"); templateWarbler.setContent( "<table><tr><td><b>Species</b></td><td>${Species}</td></tr></table>" + "<table><tr><td><b>Location</b></td><td>${LocDescrip}</td></tr></table> <br/>" + "<table><tr><td><b>Year</b></td><td>${Year}</td></tr></table> <br/>" + "<table><tr><td><b>Date</b></td><td>${Date}</td></tr></table> <br/>" );
map.infoWindow.setContent( "<table style='width:100%'><tr><td style='width:50%'><b>test1</b></td><td style='width:50%' >test2</td></tr><tr><td width=50%><b>test1</b></td><td width=50% >test2</td></tr></table>");