Opened 12 years ago

Closed 12 years ago

Last modified 11 years ago

#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 bill

Milestone: 2.0

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.

comment:2 Changed 12 years ago by bill

Resolution: duplicate
Status: newclosed

Merged into report #4169.

comment:3 Changed 12 years ago by alex

Milestone: 2.01.3

Milestone 2.0 deleted

comment:4 Changed 11 years ago by bill

Milestone: 1.31.2
Note: See TracTickets for help on using tickets.