Foro

[SOLUCIONADO] Width en % Anchor:???

0
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);
0
Si, es cierto, no pude encajarlos con dimensiones precisas. Al final le puse column :-)
0
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
0
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 :-)
0
claro, pero algo lei en que se diferencian el hbox del column pero ahora no lo recuerdo (me visito el aleman parece :-)). el caso del flex usas flex:2 en uno si quieres que ocupe 2 partes del espacio y el otro con flex:1 pero el column es más preciso

¿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.