JQuery Portlet: ¿Es posible tener diferentes tamaños de portlet?

Question

Estoy usando el portlet function of JQuery UI para crear una página de portal básica. El ejemplo en la página de JQuery UI muestra un ejemplo bastante simple con 3 columnas y portlets de tamaño fijo que se ajustan a esas columnas. ¿Hay alguna manera de abordar esto para que se puedan usar portlets de diferentes tamaños?

Específicamente, si tengo 3 columnas me gustaría la capacidad:

1) Para tener uno portlet que se extiende por todas las 3 columnas (3 * 1) 2) Para tener uno 2 * 1 portlet y uno 1 * 1 portlet en la misma fila, ocupando así las 3 columnas 3) Tiene alguna variación de eso.

Les agradecería mucho si alguien me pudiera dar alguna punteros,

Gracias

JP

Answer 1

http://jsfiddle.net/93F2T/

Basado en display as a grid. Use uno ordenable y deje que sus portlets se ajusten a la siguiente línea cuando no haya suficiente espacio.

.portlet { 
    display: inline-block; 
    vertical-align: top; 
}