AnsweredAssumed Answered

tabs inside popup

Question asked by dbecker88 on Apr 16, 2012
Latest reply on Apr 17, 2012 by dbecker88
when replacing the map's default infoWindow with the popup class, how do you insert .tabContainer - with 2 (tabs) ContentPanes?

map.infoWindow.setContent(getWindowContent(secondTabContent,evtObj.graphic))

function getWindowContent(secondTabContent,graphic){
    //make a tab container
    var infoTabCont = new dijit.layout.TabContainer({
 style: "width: 100%;height:100%;background-color:transparent;"
        }, dojo.create("div", {doLayout:"false" }));
    
 //display attribute info in first tab
 var cp1 = new dijit.layout.ContentPane({
  style: "background-color:transparent;color:White;",
  title: "Details",
  content: "FacID: " + graphic.attributes.site_code + "<br /> Fac Name: " + graphic.attributes.facil_name
 })
  
 //create 2nd tab for future related info
 var cp2 = new dijit.layout.ContentPane({
  style: "background-color:transparent;color:white;overflow:auto;",
  title: "Cmd Structure",
  content: str
 })
  
 //add the content panes to the tab container
 infoTabCont.addChild(cp1);
 infoTabCont.addChild(cp2);
 return infoTabCont.domNode;
}    


the above results in something like the attached

Attachments

Outcomes