Ticket #4263 (closed defect: duplicate)

Opened 23 months ago

Last modified 10 months ago

Incorrect rendering of LayoutPane/ContentPanes after being initialized in a collapsed TitlePane

Reported by: guest Owned by:
Priority: normal Milestone: 1.2
Component: Dijit Version: 0.9
Severity: normal Keywords: rendering collapsed hidden TitlePane LayoutPane ContentPane
Cc:

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

Changed 22 months ago by bill

  • milestone set to 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.

Changed 22 months ago by bill

  • status changed from new to closed
  • resolution set to duplicate

Merged into report #4169.

Changed 17 months ago by alex

  • milestone changed from 2.0 to 1.3

Milestone 2.0 deleted

Changed 10 months ago by bill

  • milestone changed from 1.3 to 1.2
Note: See TracTickets for help on using tickets.