border container - Using BorderContainer inside TabContainer in dojo -


i need use bordercontainer inside tabcontainer in dojo. requirement have 3 different pane inside each of tab create. trying use bordercontainer inside tabcontainer seems not working. here trying.

a,b , c tabs trying create.inside using contentpane each of them , bordercontainer specify left,center , right region particular tab.

but not giving me output. please advise doing wrong here.

 <div data-dojo-type="dijit/layout/tabcontainer" data-dojo-props="splitter:true, region:'top'">             <div data-dojo-type="dijit/layout/contentpane" title="a" selected="true" data-dojo-props="splitter:true">               <div data-dojo-type="dijit/layout/bordercontainer" data-dojo-props="guuers:false">                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'left'">left pane of tab a</div>                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'center'">center pane of tab a</div>                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'right'">right pane of tab a</div>               </div>             </div>             <div data-dojo-type="dijit/layout/contentpane" title="b" data-dojo-props="splitter:true">               <div data-dojo-type="dijit/layout/bordercontainer" data-dojo-props="guuers:false">                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'left'">left pane of tab b</div>                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'center'">center pane of tab b</div>                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'right'">right pane of tab b</div>               </div>             </div>            <div data-dojo-type="dijit/layout/contentpane" title="c" selected="true" data-dojo-props="splitter:true">               <div data-dojo-type="dijit/layout/bordercontainer" data-dojo-props="guuers:false">                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'left'">left pane of tab c</div>                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'center'">center pane of tab c</div>                  <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'right'">right pane of tab c</div>               </div>             </div>    </div> 

your declarative markup correct, since can't see rest of code guess not calling require on tabcontainer, bordercontainer , contentpane. dojo needs bring in before can use them declaratively doing. need in javascript:

require([   "dojo/parser",   "dijit/layout/bordercontainer",   "dijit/layout/tabcontainer",   "dijit/layout/contentpane" ]); 

here pen shows code works, check see if pulling in modules require. http://codepen.io/kyledodge/pen/mwpmzm

the other thing check if dojoconfig set parseonload:

dojoconfig = {   parseonload: true }; 

if not, you'll either need set that, or require dojo/parser , call parser.parse(). parser key using data-dojo-type attribute doing. here info may helpful:

http://dojotoolkit.org/reference-guide/1.10/dojo/parser.html


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - Bypass Geo Redirect for specific directories -

php - .htaccess mod_rewrite for dynamic url which has domain names -