layout help

Forums » General discussion
» layout help

2010/08/25 02:12

hi im trying dynarch, i try create a layout with a widget but ,

1 I need resize for de layout painting

2 the widget child, how set his size to the parent size?

thanks

/*

<html>
<head>
      <title> admin</title>
      <script src='/pub/js/DynarchLIB/src/js/thelib.js'></script>
      <link rel='stylesheet' type='text/css' href='/pub/js/DynarchLIB/src/css/default.css' />
      <script src='/pub/js/test.js'></script>
</head>

<body onload='App.init()'>
      <div style='display:none'> </div>
</body>
</html>


*/


//test.js

var App = {};

(function () {
    var desktop;
    App.init = function() {

	desktop = new DlDesktop({ className: "DlWidget-3D", focusable: true });
	desktop.fullScreen();
	
	var layout = new DlLayout({ parent: desktop,
					    outerSpace: 2 });
	var left = new DlContainer({});
	var right = new DlContainer({});
	layout.packWidget(left, { pos: "left", fill: "30%" });
	layout.packWidget(right, { pos: "right", fill: "*" });

	left.getElement().style.backgroundColor = "#fcc";
	right.getElement().style.backgroundColor = "#fbb";

	left.setContent("<b>App left</b>");
	var adm_products = new WAdminProducts({ parent: right });
 }

  
})();


DEFINE_CLASS("WAdminProducts", DlContainer, function(D, P){


    D.CONSTRUCT = function() {
        var layout = new DlLayout({ parent: this,
					outerSpace: 2,});
	var left = new DlContainer({});
	var right = new DlContainer({});
	left.getElement().style.backgroundColor = "#ccf";
	right.getElement().style.backgroundColor = "#bbf";

	layout.packWidget(left, { pos: "left", fill: "30%" });
	layout.packWidget(right, { pos: "right", fill: "*" });

	left.setContent("<b>widget left</b>");
	right.setContent("<b>Widget right</b>");

//	layout.setSize({ x: 300, y: 300 });
 

	}})