#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 12 years ago by
| Milestone: | → 2.0 |
|---|
comment:2 Changed 12 years ago by
| Resolution: | → duplicate |
|---|---|
| Status: | new → closed |
Merged into report #4169.
comment:4 Changed 11 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.