#4263 closed defect (duplicate)
Incorrect rendering of LayoutPane/ContentPanes after being initialized in a collapsed TitlePane
Reported by: | guest | Owned by: | |
---|---|---|---|
Priority: | high | Milestone: | 1.2 |
Component: | Dijit | Version: | 0.9 |
Keywords: | rendering collapsed hidden TitlePane LayoutPane ContentPane | Cc: | |
Blocked By: | Blocking: |
Description
In (at least) FF 1.5/Linux there is an initial rendering issue when one has a LayoutPane? with ContentPanes? inside an initially collapsed TitlePane?. An example illustrating the problem is below.
After a resize event the layout corrects itself.
It looks as though everything is getting pushed up into the top left corner of the TitlePane?.
<html> <head> <script type='text/javascript' src='js/dojo-release-0.9.0/dojo/dojo.js' djConfig="parseOnLoad:true" ></script> <script type='text/javascript'> dojo.require("dijit.TitlePane"); // loads everything needed to use the TitlePane widget dojo.require("dijit.layout.LayoutContainer"); // Lets us layout our ContentPane's dojo.require("dijit.layout.ContentPane"); // Gives something for the LayoutContainer to layout dojo.require("dojo.parser"); // scan page for widgets and instantiate them </script> <style type="text/css"> /* dojo.css holds basic sizing and usage, tundra.css holds specific coloring and styling for the tundra theme. The body tag also needs to be <body class="tundra"> for the theme to take effect. */ @import "js/dojo-release-0.9.0/dojo/resources/dojo.css"; @import "js/dojo-release-0.9.0/dijit/themes/tundra/tundra.css"; </style> </head> <body class='tundra'> <div dojoType="dijit.TitlePane" id="chatPane" open="false" style="width:250px;" title="Click To Open"> <div dojoType="dijit.layout.LayoutContainer" style="height: 250px;"> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" style="border: 1px solid silver; height:220px; margin-bottom:5px;"><div> Top </div></div> <div dojoType="dijit.layout.ContentPane" layoutAlign="left" style="border: 1px solid silver; width:70%;"> Left </div> <div dojoType="dijit.layout.ContentPane" layoutAlign="right" style="border: 1px solid silver; width:25%;"> Right </div> </div> </div> </body> </head>
Change History (4)
comment:1 Changed 13 years ago by
Milestone: | → 2.0 |
---|
comment:2 Changed 13 years ago by
Resolution: | → duplicate |
---|---|
Status: | new → closed |
Merged into report #4169.
comment:4 Changed 12 years ago by
Milestone: | 1.3 → 1.2 |
---|
Note: See
TracTickets for help on using
tickets.
Yes, Layout widgets are only really supported top level, or inside other layout widgets. I can see why you want this but it's just not part of the architecture right now.