Community
Select to view content in your preferred language

templatePicker and dojo tab containers

765
1
11-22-2010 06:03 PM
mdonnelly
by Esri Contributor
Esri Contributor
‎11-22-2010 06:03 PM
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
Regards,
Mark
0 Kudos
1 Reply
mdonnelly
by Esri Contributor
Esri Contributor
‎11-22-2010 07:10 PM
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
Regards,
Mark
0 Kudos