2 listas superpuestas cuando se colocan horizontalmente con scroll = false - list, sencha-touch

Tengo 2 listas, quiero mostrarlas horizontalmente. Utilicé el 10% de altura para ambas listas, lo que me permite ocultar el resto del contenido de las listas.

Al hacer scroll = false para las listas y al usar layout = "vbox" para el diseño principal, ambas listas se superponen en tal caso, ¿qué debo hacer?

gracias Raj

Respuestas

Primero debe agregar estas listas como un panel de elementos y establecer la altura en esos paneles. es decir

var panel1= new Ext.Panel({
layout:"fit",
height:"10%",
items:[list1]
});

var panel2= new Ext.Panel({
layout:"fit",
height:"10%",
items:[list2]
});

Luego, agregue estos paneles a su panel principal con vbox layout.