Unidad 24. jQuery Mobile (VII)


24.3. Widgets de jQuery Mobile

Además de la Vista de Lista que ya utilizamos, jQuery Mobile implementa dos widgets adicionales para presentar información. Se trata de la Cuadrícula de Diseño y Bloque que puede contraerse.

 

Podríamos afirmar que la Cuadrícula de diseño es el equivalente de jQuery Mobil a las tablas de HTML. Es un mecanismo fácil para dividir en secciones el espacio de nuestro diseño de página. Los fines pueden ser tan diversos como deseemos, como crear un menú basado en iconos, generar divisiones para ubicar botones, etcétera.

Cuando seleccionamos esta opción, en el cuadro de diálogo debemos definir cuántas filas y columnas deseamos, desde 1 hasta 5 en ambos casos.

En una configuración como la de la imagen anterior, el área de diseño cobra la siguiente apariencia.

Y la vista En vivo nos ofrecerá el siguiente aspecto.

En las divisiones generadas podemos insertar elementos igual y como lo haríamos en una página convencional HTML. La misma página con un poco de diseño adicional tendría ahora la siguiente apariencia.


Marzo-2015
Pág. 24.7
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook ,    G+            Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.