Widget Sección

El widget Sección es un contenedor de diseño para contenido dinámico en una o varias vistas que puede incluir una combinación de cualquiera de los demás widgets, como un mapa, una lista y una imagen. Cuando el widget Sección tiene múltiples vistas, puede activar las herramientas de navegación integradas o el widget puede funcionar en coordinación con el widget Navegación por vistas. Cuando el contenido de una sección cambia, solo se actualiza la sección en lugar de toda la página, lo que permite mejorar el rendimiento de la aplicación.

Ejemplos

Use este widget para apoyar los requisitos de diseño de la aplicación como por ejemplo los siguientes:

• Quiere visualizar varias imágenes grandes con encabezados similares, pero quiere evitar demasiado desplazamiento en la aplicación. Utilice varias vistas en una sección e incluya las herramientas integradas o agregue un widget Vistas de navegación para que los usuarios puedan acceder a cada imagen sin desplazarse por la página.
• Dispone de diferentes entidades que se enfocan en la misma ubicación y desea mostrar su información con una lista y un mapa sin necesidad de ir a una página o bloque separados. Puede cambiar las vistas para ver las diferentes perspectivas. Por ejemplo, cree una sección con dos vistas que contengan un mapa y una lista. Una vista presenta un mapa de restaurantes de San Diego y otra vista presenta un mapa del mismo área, aunque con puntos de recreo.

Notas de uso

Puede crear varias vistas para organizar contenido dinámico en una sección. Las secciones pueden existir en cualquier lugar de una página e incluir varias vistas, y puede tener contenido separado en cada vista. Para que los usuarios finales examinen las diferentes vistas de una sección, puede habilitar las herramientas de navegación o agregar un widget Navegación por vistas para elegir entre más estilos y diseños flexibles.

Los usuarios pueden ver los nombres de vista de en el correspondiente widget Navegación por vistas, así que proporcione nombres significativos. La secuencia de vistas en el panel de configuración en el orden en el que aparecerán en el widget Navegación por vistas.

Configuración

El widget Sección incluye estos ajustes:

• Vistas: agregue varias vistas una a la vez o duplique las vistas existentes si desea que tengan el mismo fondo o diseño.
  • Administre las vistas con las siguientes opciones: Cambiar nombre, Duplicar y Eliminar. El nombre de la vista también se utiliza en la URL de la experiencia. Si cambia el nombre de una vista después de publicar, las direcciones URL utilizadas anteriormente seguirán funcionando.
  • Haga clic en Establecer como vista predeterminada para que una vista aparezca de forma predeterminada cuando el widget Sección se cargue por primera vez.
  • Arrastre vistas para cambiar el orden de navegación en la sección.
  • Icono: elija un icono para cada vista. Puede elegir iconos de las galerías General y Flechas, o agregar su propio icono desde un archivo.

    Nota:

    Puede cargar los siguientes formatos de imagen: PNG, GIF, JPG, JPEG, BMP y WebP. Para mantener un rendimiento óptimo, hay un límite de tamaño de 10 MB para cada carga.

  • Fondo: elija un color de relleno o una imagen para el fondo de la vista y elija un color para el primer plano de la vista. Cuando utilice una imagen de fondo, establezca su posición en la vista eligiendo Ajustar, Rellenar, Centro, Tesela o Extender.
  • Carga lenta: retrasa la carga de contenido de la vista hasta que sea necesario que aparezca en el widget, mejorando el rendimiento de la sección contiene muchas vistas.
• Herramientas: incluya herramientas para que los usuarios naveguen por las vistas.
  • Flechas
    • Dirección: muestre las flechas horizontal o verticalmente.
    • Tamaño: defina el tamaño de las flechas.
    • Desplazamiento: defina la ubicación de las flechas. Cero (0) significa que el borde del widget Sección presenta flechas. Las flechas con desplazamiento positivo están más cerca que las que tienen valores negativos.
  • Puntos
    • Posición: elija una posición entre izquierda, superior, derecha o inferior.
    • Tamaño: defina el tamaño de los puntos.
    • Desplazamiento: defina la ubicación entre puntos. Cero (0) significa que el borde del widget Sección presenta puntos. Los puntos con desplazamiento positivo están más cerca del centro del widget Sección que los que tienen valores negativos.
    • Espaciado: defina el espaciado entre cada punto.
• Reproducir automáticamente: muestre las vistas de la sección con un intervalo de tiempo predefinido de manera automática.
  • Intervalo: especifique el intervalo de tiempo entre vistas cuando la reproducción automática está activada.
  • Bucle: habilite las vistas para que se muestren en bucle.
  • Al pasar el cursor por el widget Sección durante la ejecución, el proceso de reproducción automática se pone en pausa. Si un usuario cambia a otra vista haciendo clic en las herramientas de sección o en un widget Navegación por vistas vinculado, la reproducción automática continúa desde la vista cambiada.
• La configuración del estilo Animación para las secciones incluye opciones para animar los paneles de sección y las vistas. Para obtener más información, consulte Animación.

Opciones de interacción

El widget Sección puede ser el objetivo de la acción de mensaje Abrir vista. Puede utilizar esta acción para abrir vistas en un widget Sección con cualquier widget que admita el desencadenador Registrar cambios de selección. Por ejemplo, puede abrir una vista específica cuando el usuario seleccione una entidad con el widget Mapa.

Puede agregar esta acción a la pestaña Acción de la configuración de otros widgets.

Cuando se configura la acción Abrir vista, aparecen los siguientes ajustes adicionales:

• Datos de desencadenador: seleccione los datos de desencadenador, que son los datos que desencadenan la acción del mensaje. Puede elegir entre las opciones disponibles:
  • Todos los datos: abre la vista cuando el usuario selecciona entidades de cualquiera de las fuentes de datos conectadas al widget de origen.
  • Personalizado: utiliza capas específicas como datos de desencadenador. Los datos de desencadenador personalizados son útiles si solo desea que una fuente de datos específica desencadene la acción del mensaje. Por ejemplo, si desea que una vista determinada solo se abra cuando el usuario selecciona una ciudad en un mapa, puede seleccionar la capa de ciudades como datos de desencadenador.
• Abrir vista: elija la vista que se abrirá con la acción.
• Volver a la vista predeterminada al borrar la selección: marque esta casilla de verificación para que el widget vuelva a la vista predeterminada cuando el usuario elimine la selección que desencadenó la acción.