JohnWallX

Tab Container & Flip Through Identified Results

Discussion created by JohnWallX on Jul 23, 2012
Latest reply on Jul 30, 2012 by JohnWallX
I am attempting to create an infoWindow/pop-up which has two tabs within one container and allows a user to tab through multiple results at a given point. I have been able to successively code the tab container and identify separately, but am struggling to combine them. Here is my tab container code:

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

        //display attribute information1
        var cp1 = new dijit.layout.ContentPane({
          title: "Info (Deutsch)",
    content: "<b>Project Title:</b> " + graphic.attributes.Projekt + "<p><b>Laufzeit:</b> "+graphic.attributes.Laufzeit + "</p>" + "<p><b>Ansprechpartner:</b> " + graphic.attributes.Ansprechpa + "</p>" + "<a href="+graphic.attributes.Link__Deut+">Project Website</a>"
        });
  
        //display attribute information2
        var cp2 = new dijit.layout.ContentPane({
          title: "Info (English)",
    content: "<b>Project Title:</b> " + graphic.attributes.Project_Na + "<p><b>Years of Research:</b> "+graphic.attributes.Laufzeit + "</p>" + "<p><b>Contact Person:</b> " + graphic.attributes.Ansprechpa + "</p>" + "<a href="+graphic.attributes.Link__Deut+">Project Website</a>"
        });
  
        tc.addChild(cp1);
        tc.addChild(cp2);
  
  return tc.domNode;
      }

Outcomes