AnsweredAssumed Answered

InfoWindow TabContainer & ContentPane Issue

Question asked by ian.shiland on Mar 10, 2015
Latest reply on Mar 11, 2015 by ian.shiland

I am trying to programatically create a TabContainer in an InfoWindow and populate it with ContentPane's based on an identify task. The first issue I am having is the TabContainer is not embedding the slider and Menu correctly- they span the enitre top portion of the TabContainer. The second issue is the first contentPane is not showing its content, only the tab. If i click on another contentpane the content is displayed.

 

Do i need to resize the tabcontainer?

 

infowindow.jpg

 

the portion of my code:

 

function addToMap(idResults, event) {
   if (idResults < 1) {
  map.infoWindow.setContent("No Visible Layer Found - Turn on a Layer and click it to Identify");
   } else {

  tc = new TabContainer({
  style: "height: 100%; width: 100%;",
  useMenu: false,
  useSlider: true
   }, domConstruct.create("div"));

   for (var i = 0, il = idResults.length; i < il; i++) {
   var idResult = idResults[i];
   var featureAttributes = idResults[i].feature.attributes;
   var contentAttributes = [];

   for (var attr in featureAttributes) {
  contentAttributes.push("<b>" + attr + " </b>" + featureAttributes[attr] + "<br/>");
   }
  cp = new ContentPane({
  title: idResults[i].layerName,
  content: contentAttributes.join("")
   });
  tc.addChild(cp);
   }
  console.log(cp);
  map.infoWindow.setContent(tc.domNode);
  tc.startup();
   }
   }

Outcomes