AnsweredAssumed Answered

TabContainer content tab selected but content does not display

Question asked by Tamiac on Jul 4, 2016
Latest reply on Jun 1, 2017 by khutchins-esristaff

Hi,

I have based my Javascript api 3.17 code on the Info window with chart | ArcGIS API for JavaScript 3.17  sample.  I am using a dynamicMapServiceLayer instead of a FeatureLayer and I have defined a layout in html. I have programmatically created a tab container within the popup so that the user can view info about the polygon and then see graphs and a table in the other tabs. My problem is that when I click on the map and the popup appears, the first tab appears selected but no content is shown. Other tabs clicked work appropriately. When the original tab is click, then the content is visible. I would like the content to be visible when the popup opens and not have to click back and forth on the tabs to see the first content pane. I've done a lot of searching and have seen one or two posts with a similar problem. The solution given is to do a resize, however that doesn't seem to work for me. Perhaps I did not put it in the correct place.

 

I have also inspected the elements and see that the div with role="tabpanel"  has a class="dijitTabContainerTopChildWrapper dijitHidden" . When a tab in the tabcontainer is clicked and shows its contents then the class changes to "dijitTabContainerTopChildWrapper dijitVisible". I am at a loss on how to make my selected tab be visible.

 

Can anyone please help me?  I have included my test code below.

                                         
       
           

Header

       
       
       
       
           
               
                   
                   
                   
                   
               
           
           
               
                    Help me figure this out! Click on a county and a popwindow appears. Notice that the first tab (Details) is selected but no content shows. Click another tab and content is visible. Click on the Details tab and now the content shows. How do I get the content to be visible without having to click back and forth?                
               
                    more text here                
               
                    still more text here.                
           
       
   

 

Thank so much for any help that can be provided!

edit: sorry, I don't think inserting my code worked so I've added it as an attachment.

Outcomes