[SOLUCIONADO] Width en % Anchor:???
Hola, la cuestion es que estoy tratando de meter dos paneles en horizontal dentro de una ventana con un ancho en % para cada uno de ellos, pero no hay manera. Si pongo un width en pixeles si, pero eso ya me condicona mucho.
Alguien sabe como se pone el ancho en porcentaje?????????
//the namespace for this tutorial
Ext.ns('com.quizzpot.tutorial');
//the blank image
Ext.BLANK_IMAGE_URL = '../ext-2.2/resources/images/default/s.gif';
com.quizzpot.tutorial.Window = {
init: function(){
var panel2 = new Ext.Panel({
title: 'Reports',
iconCls: 'reports',
anchor:25,
style: { // when you add custom margin in IE 6...
"float":"left",
},
});
var panel3 = new Ext.Panel({
title: 'Documents',
iconCls: 'documents',
anchor:75,
style: { // when you add custom margin in IE 6...
"float":"left",
},
});
var win = new Ext.Window({
title: 'Quizzpot.com',
maximized:true,
minimizable: true,
maximizable: true,
items: [
panel2,panel3
]
});
win.show();
}
}
Ext.onReady(com.quizzpot.tutorial.Window.init,com.quizzpot.tutorial.Window);
a la ventana debes darle el layout: 'column' y a cada panel le asignas el columnWidth adecuado, de la sgte manera: por ejemplo si quieres que ocupen un 50% colocas 0.5 en cada uno, si la proporción es 30% y 70% colocas 0.3 y 0.7 respectivamente.
Espero te sea de ayuda
Gracias tokkaido, por fin funciona......
Otra manera que he localizado, q esta muy bien tambien, es poniendole layout:'hbox' a la ventana y luego la propiedad flex a cada uno de los paneles. Vale para vertical y horizontal
Mil gracias :-)
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.