AnsweredAssumed Answered

Display popup info windows in two tabs

Question asked by ryannz on Aug 7, 2014
Latest reply on Aug 7, 2014 by jskinner-esristaff

Hello everyone, I would like to display popup info windows into two tabs. Could someone point to some links where I can refer to? I have tried jquery UI, here is how I built the info windows

 

 var div = "<div>";
            var table = "<table border='1' width=300>";
            for (prop in graphic.attributes) {
                table += "<tr><td>" + prop + "</td><td><b>" + graphic.attributes[prop] + "</b></td></tr>";
            }
            table += "</table>";

I tried to build it this way, and it didn't work:

  var div = "<div id='tabs'> <ul><li><a href='#fragment-1'><span>Layers</span></a></li><li><a href='#fragment-2'><span>Query</span></a></li></ul>";
            var table = " <div id='#fragment-1'><table border='1' width=300>";
            for (prop in graphic.attributes) {
                table += "<tr><td>" + prop + "</td><td><b>" + graphic.attributes[prop] + "</b></td></tr>";
            }
            table += "</table></div><div id='#fragment-2'>test</div></div>";

 

Here is my jquery code:

 

<script>
             $("#tabs").tabs({ active: 1 });
            </script>  

 

Thanks.

Outcomes