miércoles, 17 de julio de 2013

Manejar iconos en Jquery Mobile

En esta ocasión veremos como utilizar los iconos en Jquery Mobile, para ello nos centraremos en los atributos principales para el manejo de iconos. 

 data-icon: este atributo indica el icono que será utilizado.

data-iconpos: este atributo determina la posición del icono. top|left|right|bottom|notext

Abajo del todo se encuentra el listado de iconos para Jquery Mobile.

<input type="button" data-icon="star" value="Icono básico">
<input type="button" data-icon="check" data-iconpos="top" value="Icono posicionado arriba">
<input type="button" data-icon="minus" data-iconpos="left" value="Icono posicionado a la izquierda">
<input type="button" data-icon="plus" data-iconpos="right" value="Icono posicionado a la derecha">
<input type="button" data-icon="home" data-iconpos="bottom" value="Icono posicionado abajo">
Icono sin texto: <input type="button" data-icon="refresh" data-iconpos="notext">
<input type="button" data-icon="back" data-theme="b" value="Icono con theme b">

Jquery Mobile




Listado de iconos para Jquery Mobile ...

alertAttached Image
arrow-dAttached Image
arrow-lAttached Image
arrow-r Attached Image
arrow-u Attached Image
back Attached Image
check Attached Image
delete Attached Image
forward Attached Image
gear Attached Image
grid Attached Image
home Attached Image
info Attached Image
minus Attached Image
plus Attached Image
refresh Attached Image
search Attached Image
star Attached Image



1 comentario:

JPS dijo...

Buenas como se puede agregar iconos ajenos a los que viene jquery mobile por defecto?