jjmiller1980

Placeholders in tabbed infoWindow

Discussion created by jjmiller1980 on Apr 15, 2011
Latest reply on Apr 15, 2011 by jjmiller1980
I've been working lately to get tabs working in my infoWindows.  I have the tabs working, but now the placeholders that I'm putting in are no longer working.  Before I started the tabs I had regular infoWindows and the same placeholders worked fine.  Is there something to do with tabs that requires me to do this in a different way?  Here's a snippet of my code that sets up the tabs.

function getInfoWindowContent() {

    // Create a tab container 
    var tc = new dijit.layout.TabContainer({
     style: "height: 100%; width: 100%;"
        }, dojo.create("div"));

    // Create first tab
    var cp1 = new dijit.layout.ContentPane({
        title: "Details",
        content: "Name: ${NAME}"
    });
    
    tc.addChild(cp1); // Add tab to container

    // Create second tab
    var cp2 = new dijit.layout.ContentPane({
        title: "Details 2",
        content: "Content for Tab2"
    });

    tc.addChild(cp2); // Add tab to container

    return tc.domNode;
}

function addPoints() {
    ...
    var infoTemplate = new esri.InfoTemplate;
    infoTemplate.setTitle("City Information");
    infoTemplate.setContent(getInfoWindowContent);

    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);
    graphicsExtent.push(feature);
    ...
}

Outcomes