Añadir componente y Configuración

1. Ve a la página donde deseas agregar la add-in “Visor Ticker”.

2. Si la página no está en modo de edición, haz clic en Editar en la parte superior derecha de la página.

3. Pasa el “cursor” por encima o por debajo de un componente existente o en el centro de la sección donde deseas agregar el componente para ver una línea con un + dentro de un círculo, como este:

4. Haz clic en +, y luego selecciona “Visor Ticker” en el selector de componentes de la página moderna para agregar el componente a la página

5. Observa cómo se renderiza la parte web; en ese momento, el usuario necesita configurarla para ingresar datos y definir otros parámetros.

6. Haz clic en Configurar tu componente para abrir las opciones de configuración.

7. Para configurar el componente, el usuario tiene dos secciones: Configuración y Datos.

Configuración

• Etiqueta: Selecciona una etiqueta para introducir el ‘Ticker’ o déjala vacía.
• Tamaño: Elige un tamaño entre “Pequeño”, “Mediano” o “Grande”.
• Diseño: Selecciona una orientación entre “Principal” o “Rellenar”.
• Dirección: Selecciona una dirección entre “Hacia la izquierda” o “Hacia la derecha”.
• Usar color del sitio: Define si deseas usar el color del tema del sitio o seleccionar otro color principal.
• Velocidad: Ajusta la velocidad de la animación. Usa un número más bajo para que vaya más lento. Valor entre 1 y 40.

Datos

• Si seleccionas “Mostrar datos desde”: Colección de datos, ve al siguiente tema llamado “Configuración de datos estáticos”.
• Si seleccionas “Mostrar datos desde”: Lista, ve al siguiente tema llamado “Configuración de datos dinámicos”.

8. Guarda los cambios en la página con el componente.

Configuración de Datos Estáticos

Después de seleccionar “Mostrar datos desde: Colección de datos”, el usuario debe hacer clic en el botón “Administrar datos de colección” para registrar cada contenido del Ticker.

• Orden: Define el orden entre un ticker y otro.

• Contenido: Texto principal de desplazamiento de un extremo al otro.

• Encabezado: Etiqueta sobre el contenido (opcional).

• Ícono: Selecciona uno de la lista de íconos (opcional).

• Enlace: URL que se abre al hacer clic en el contenido (opcional).

• Nueva pestaña: Marca esta opción para abrir el enlace en una nueva pestaña o en la misma pestaña.

Configuración de Datos Dinámicos

Después de seleccionar “Mostrar datos desde: Lista”, el usuario debe seleccionar un sitio para buscar el repositorio de listas.

• Sitio: Cualquier sitio del tenant.

• Lista: Cualquier lista del sitio seleccionado.

• Contenido: Campo relacionado con el texto principal de desplazamiento de un extremo al otro.

• Encabezado: Campo relacionado con la etiqueta sobre el contenido (opcional).

• Ícono: Campo relacionado con el nombre del ícono de ‘https://uifabricicons.azurewebsites.net’ (opcional).

• Enlace: Campo relacionado con la URL que se abre al hacer clic en el contenido (opcional).

• Número máximo de elementos de lista: Número de tickers según los elementos de la lista.

• Filtrar lista por: Campo para filtrar según los siguientes campos: Tipo de comparación del filtro, Valor del filtro y Ordenar por.