Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>Guía</strong> <strong>básica</strong> <strong>de</strong> <strong>Liferay</strong><br />
En la siguiente dirección http://www.liferay.com/community/liferayprojects/alloy-ui/<strong>de</strong>mos<br />
podréis encontrar todos los plugins, widgets y utilida<strong>de</strong>s<br />
adicionales <strong>de</strong> que dispone el framework<br />
4.2 Plugins, widgets y utilida<strong>de</strong>s<br />
ALLOY dispone <strong>de</strong> una serie <strong>de</strong> widgets, plugins y utilida<strong>de</strong>s que nos hacen la vida<br />
más fácil a la hora <strong>de</strong> <strong>de</strong>sarrollar ciertos aspectos <strong>de</strong> nuestros portales. Por<br />
ejemplo, <strong>de</strong> forma nativa nos permite generar ventanas emergente o “Dialogs”,<br />
tooltips, autocompletadores, etc.<br />
A continuación vamos a ver todos los componentes <strong>de</strong> que dispone y para qué<br />
sirve cada uno:<br />
4.2.1 Widget<br />
Autocomplete: Crea una lista <strong>de</strong> opciones pre<strong>de</strong>finidas que ira sugiriendo<br />
al usuario a medida que vaya escribiendo en un campo <strong>de</strong> texto.<br />
Button: Permite crear botones que mejoran y generalizan el estilo <strong>de</strong> todo<br />
ellos.<br />
Calendar: Crea un calendario que pue<strong>de</strong> ser mostrado <strong>de</strong> diferentes<br />
formas. Por ejemplo al clicar sobre un campo <strong>de</strong> fecha o estar siempre<br />
mostrado.<br />
Charts: Muestra datos numéricos representados mediante un gráfico<br />
interactivo.<br />
Color Picker: Genera un selector <strong>de</strong> color con el que pue<strong>de</strong>s interactuar y<br />
posteriormente el selector produce el código HEX <strong>de</strong>l color elegido.<br />
Dialog: Permite generar ventanas modales y a su vez estas pue<strong>de</strong>n cargar<br />
lo que le indiquemos(portlets, contenido web, texto plano, código HTML,<br />
etc).<br />
Editable: Crea un editor <strong>de</strong> contenido en línea.<br />
Image Gallery: Crea una galería <strong>de</strong> imágenes, la cuales, al ser clicadas se<br />
muestran en un carrusel <strong>de</strong> imágenes a pantalla completa.<br />
Paginator: Permite paginar cualquier conjunto <strong>de</strong> datos.<br />
Panel: Es un contenedor con funcionalidad específica y componentes<br />
estructurales con aplicaciones orientadas a interfaces <strong>de</strong> usuario.<br />
Ratings: Crea un componente <strong>de</strong> puntuación mediante estrellas.<br />
Tabs: Muestra una serie <strong>de</strong> pestañas las cuales se asocian con contenidos<br />
concretos.<br />
TextBox List: Crea una lista <strong>de</strong> elementos seleccionados a partir <strong>de</strong> una<br />
caja <strong>de</strong> texto.<br />
Toolbar: Crea una barra <strong>de</strong> herramientas.<br />
Tooltips: Muestra información <strong>de</strong> ayuda para imágenes, enlaces, títulos,<br />
etc.<br />
Treeview: Genera un árbol <strong>de</strong> contenidos estructurados.<br />
Visita www.chekis.es<br />
34