Changes between Initial Version and Version 1 of Ticket #12332


Ignore:
Timestamp:
Feb 22, 2011, 10:35:29 PM (9 years ago)
Author:
bill
Comment:

Thanks for attaching the test case.

AFAIK setting the theme programatically works fine, but you need to set it before the TabContainer is created, which in your testcase means before the parser runs. You could do something like: 

<script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"
  djConfig="parseOnLoad: false">
...
dojo.addOnLoad(function(){
   dojo.addClass(dojo.body(),"claro");
   dojo.parser.parse();
});

The parseOnLoad:false isn't really necessary, just don't set parseOnLoad:true.

Also, you need to set width and height to 100% on BODY and HTML, not just on the TabContainer.

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #12332

    • Property Status changed from new to closed
    • Property Resolution changed from to invalid
    • Property Summary changed from TabContainer renders incorrectly if theme class added to body programmatically to TabContainer: renders incorrectly if theme class added to body programmatically

  • Ticket #12332 – Description

    initial v1  
    44
    55Please see the attached screenshot for a picture of how the tabs load initially, as well as a test case.  The test case is based on the TabContainer declarative example at http://dojotoolkit.org/reference-guide/dijit/layout/TabContainer.html.  The only difference is that I removed the 'class="claro"' from the body tag, and instead added the following:
     6
     7{{{
    68 <script type="text/javascript">
    79        dojo.addOnLoad(function() {
    … …  
    911        });
    1012    </script>
     13}}}