jjmiller1980

Tabs in an infoWindow?

Discussion created by jjmiller1980 on Apr 1, 2011
Latest reply on Jun 1, 2012 by khutchins-esristaff
I have a map set up that shows a route, and when you click on certain spots on the route, an infoWindow will pop up.  The infoTemplate that the infoWindow is using is created when the map is routed, it's not getting the information dynamically via a feature layer.  It's currenlty working fine with the default setup, but I'd like to include more information using tabs. 

I tried following the example set in this example: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/widget_infowindowchart.html

That example doesn't work, but I'm thinking it might be something to do with the feature layer. Following this example, I'm getting an error saying:

Message: Object doesn't support this property or method
and it's pointing to the arcgis api rather than a line in my js. 

Here's a snapshot of what my infoWindow-related code looks like.  Any ideas on what's causing my problems?

function addStops() {

....   
    
    for ( var i = 0; i < g_routeStops.length; i++) {
        var feature = g_routeStops[i];
        var infoTemplate = new esri.InfoTemplate;
        infoTemplate.setTitle("Milepost Info");
        infoTemplate.setContent(createInfoWindowContent);
        
        symbol = new esri.symbol.SimpleMarkerSymbol().setStyle(
          esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE).setSize(9).setColor(
                new dojo.Color( [ 255, 255, 255]));
        
        feature.setSymbol(symbol).setInfoTemplate(infoTemplate);
        map.graphics.add(feature);
.....
}


function createInfoWindowContent(graphic){
 var tc = new dijit.layout.tabContainer({
  style: "height: 100%; width: 100%"
 }, dojo.create("div"));
 var cp1 = new dijit.layout.ContentPane({
  title: "Info",
  content: "info tab"
 });
 tc.addChild(cp1);
 
 var cp2 = new dijit.layout.ContentPane({
  title: "Details",
  content: "details tab"
 });
 tc.addChild(cp2);
 
 return dc.domNode;
}

Outcomes