jQuery Mobile: barra de herramientas

Para mejorar tanto los encabezados como los pies de página, puede utilizar el widget de barra de herramientas .

La siguiente tabla enumera los diferentes tipos de barra de herramientas que se utilizan en jQuery Mobile:

No Señor. Tipo y descripción de la barra de herramientas
1 Margen

Contiene barras de herramientas como el encabezado que aparece en la parte superior y el pie de página que aparece en la parte inferior de la página.

2 Tema

La muestra de tema será heredada por la barra de herramientas de encabezado y pie de página de la página de forma predeterminada; sin embargo, puede establecer fácilmente el color de la muestra del tema.

3 Botones en barras de herramientas

Los botones se pueden colocar en las barras de herramientas usando las clases ui-btn-left y ui-btn-right .

4 Añadiendo el botón de retroceso al encabezado

jQuery mobile framework genera un botón de retroceso en un encabezado cuando el encabezado tiene un atributo data-add-back-btn = "true" .

5 Navbars

Puede utilizar las barras de navegación dentro de las barras de herramientas de encabezado y pie de página.

6 Botones agrupados

Puede usar los atributos data-role = "controlgroup" y data-type = "horizontal" para agrupar botones en un conjunto de botones y envolver los enlaces dentro de un elemento.

7 Agregar relleno

Las barras de herramientas no tendrán relleno para las barras de navegación y otros widgets. Para agregar relleno, puede envolver el contenido de las barras de herramientas dentro de un elemento y agregar la clase ui-bar al elemento.