Estoy creando un Ext.Window y lo estoy intentando organizar con paneles, ya los he creado pero no comprendo bien como darles estructura, Quiero que un icono y dos frases se vean de la siguiente forma:
-------------------------------
| | Frase 1
| Icono | -----------------
| | Frase 2
-------------------------------
Y he usado el siguiente código:
var Panel1 = new Ext.Panel({
header: false,
frame: false,
border: false,
collapsible: false,
layout: 'column',
items [{
xtype: 'label',
text: "Frase 1",
style: 'font-size:12px; margin-left: 20px; margin-top: 30px'
}]
});
var Panel2 = new Ext.Panel({
header: false,
frame: false,
border: false,
collapsible: false,
layout: 'column',
items [{
xtype: 'label',
text: "Frase 2 2",
style: 'font-size:12px; margin-left: 20px; margin-top: 30px'
}]
});
var miIcono = Ext.create({
xtype: 'box',
height: 30,
width: 30,
autoEl: {
tag: 'img',
src: 'rutaDeMiImagen'
}
});
myNewWindow = nex Ext.Window({
width: 400,
height: 250,
items : [miIcono, Panel1, Panel2]
});
myNewWindow.show()
Pero se me muestra de la siguiente forma:
-------------
| Icono |
-------------
| Frase 1 |
-------------
| Frase 2 |
-------------
¿Alguna idea de como solucionar esto? Gracias por vuestro tiempo.
Ext
estas usando?