templatePicker and dojo tab containers

mdonnelly — Tue, 23 Nov 2010 02:03:56 GMT

Hello,

I'm trying to do some feature layer editing using templatePicker functionality. Using the samples I managed to get the templatePicker working fine. However, I need to save some screen real estate and want to put the templatePicker 'legend' into a tab.

As mentioned the templatePicker works fine but when I put it within a dojo tab container, the tempaltePicker 'legend' does not render. See the following html:

</head>
  <body class="claro">
    <div id="main" dojoType="dijit.layout.BorderContainer" design="headline" style="height:800px;width:1400px;">
      <div dojoType="dijit.layout.ContentPane"  region="top">
        River Health Management
      </div>
      <div dojoType="dijit.layout.ContentPane" region="left" style="overflow:hidden;width:300px;">
        <!--div id="divFeatureServiceDijit"></div-->
        <div dojoType="dijit.layout.TabContainer" style="height: 90%; width: 100%;" tabStrip="true">
      <div dojoType="dijit.layout.ContentPane" title="Table of Contents" selected="true">
          TOC
      </div>
      <div dojoType="dijit.layout.ContentPane" title="Editable Features">
          <div id="divFeatureServiceDijit"></div>
      </div>
  </div>
   </div>
      <div dojoType="dijit.layout.ContentPane"   region="center">
        <div id="map" style="border:1px solid #000;height:100%;">
         <span id="info" style="position:absolute; right:150px; bottom:5px; color:#000; z-index:50;"></span>
        </div>
      </div>
    </div>
  </body>
</html>

Where divFeatureServiceDijit is the link to the templatePicker.

Has anyone tried anything similar or has any ideas why the templatePicker 'legend' wont render?

Regards,

Mark

Re: templatePicker and dojo tab containers

mdonnelly — Sun, 12 Dec 2021 01:56:00 GMT

Hi Again,

I have found a solution (of sorts) to this problem. Well, it's not really a solution but rather a strange effect.

I simply made the tab with the templatePicker 'legend' in it selected and it worked. That just means that instead of being the hidden tab when the page first displays it is now the tab in the foreground. There is no logical reason why this should be any different but it works, so I'll leave it at that for now.

<div dojoType="dijit.layout.TabContainer" style="height: 90%; width: 100%;" tabStrip="true">
    <div dojoType="dijit.layout.ContentPane" title="Table of Contents">
        TOC
    </div>
    <div dojoType="dijit.layout.ContentPane" title="Editable Features" selected="true">
        <div id="divFeatureServiceDijit"></div>
    </div>
</div>

Regards,

Mark

topic Re: templatePicker and dojo tab containers in ArcGIS JavaScript Maps SDK Questions

templatePicker and dojo tab containers

Re: templatePicker and dojo tab containers