Unidad 26. Controles Spry Avanzados (IV)

26.4. Control Acordeón

Otro control avanzado que utiliza las ventajas de AJAX y que Spry nos permite utilizar es el Acordeón:

Sección 1

Coloca el contenido que prefieras en estos contenedores.

Puedes pasar de un contenedor a otro haciendo clic sobre su nombre.

Sección 2

Aquí insertaremos una imagen.

Sección 3

Aquí un listado de elementos:

  • elemento 1
  • elemento 2
  • elemento 3
  • elemento 4
Sección 4

Finalmente colocaremos una línea horizontal:


Y una tabla:

1 2 3
4 5 6

Para utilizarlo haz clic en Insertar → Spry → Acordeón de Spry. Se creará automáticamente un elemento en tu página parecido a esto:

Este control es tan sencillo de configurar que en el panel Propiedades sólo encontrarás lo siguiente:

Añade y organiza las secciones utilizando los botones y . Y luego simplemente edita el contenido de cada una de ellas y su nombre en la cabecera.

Del mismo modo que con las pestañas para ver el contenido de una sección coloca el ratón sobre su cabecera y haz clic sobre el icono con forma de ojo que aparecerá:

Pág. 26.4

Atrás  Inicio  Adelante