---
title: "Nuevas guías de uso de Gadgets predefinidos"
canonical: "https://onesaitplatform-es.refined.site/space/DOC/5141069836/Nuevas%20gu%C3%ADas%20de%20uso%20de%20Gadgets%20predefinidos"
format: markdown
---
> Macro (toc)

# Introducción

Nos encontramos generando documentación de **uso y configuración de Gadgets predefinidos**.

Mediante estas guías, y de manera interactiva, será posible configurar en tiempo real las distintas opciones de un Gadget, permitiendo al usuario conocer las diferentes opciones con las que cuenta.

# Ejemplo de guía

Cada Gadget contará con su propia guía de uso, la cual será **un Dashboard en si mismo**, formado por cuatro páginas con información relevante y opciones de configuración del Gadget. Cada página será accesible por una pestaña:

- *Home*.
- *Main Settings*.
- *Data Settings*.
- *Interaction*.

Aunque será posible acceder a cualquiera de las pestañas de manera directa, se ha preparado un asistente de navegación mediante botones que permitirá al usuario navegar de manera ordenada entre las diferentes páginas.

## Pestaña *Home*

Una primera página, denominada «***Home***», contendrá la información básica del Gadget, como su nombre, descripción, uso de DataSource e información sobre su interacción, así como ver algunos ejemplos de funcionamiento del Gadget.

![image-20250411-065220.png](media://858e8a21-e7db-449a-8f31-20eab06bef97)

## Pestaña *Main Settings*

En esta página, el usuario va a poder *jugar* con las diferentes opciones de configuración del Gadget, visualizando en tiempo real los cambios que vaya llevando a cabo.

![image-20250411-065845.png](media://30691722-45b1-4e31-b233-2a393716854e)

Respecto a las propiedades, éstas se encuentran listadas en la parte derecha. Cada una de ellas se mostrará con el nombre de su propiedad, y en caso de ser una subpropiedad, se mostrará su anidación.

Por ejemplo, la propiedad «***Title***» sería una propiedad principal, la cual se puede editar al seleccionarla, mostrándose información sobre qué es dicha propiedad, y el tipo de valor que espera.

![image-20250411-070228.png](media://a332171e-4467-4bff-aca0-f35626d6ecba)

En cambio, la propiedad «***Position***» tiene dos subpropiedades: «***Position X***» y «***Position Y***», las cuales habrá que configurar por separado:

![image-20250411-070641.png](media://5a001685-1ec5-4336-b059-7cab7b5988be)

Además, toda propiedad **muestra en un campo su disponibilidad**, ya que si en futuras versiones se añaden nuestras propiedades a los Gadgets, se podrá conocer la versión en la que es compatible dicha propiedad.

## Pestaña *Data Settings*

Esta pestaña muestra información sobre cóm muestra la información del Gadget. Así, permite conocer las distintas opciones que tendrá disponible el usuario para el Gadget en cuestión.

![image-20250411-072155.png](media://85bd7122-f7c0-4be1-83c9-052a5891f9bf)

## Pestaña *Interaction*

Esta última pestaña muestra la interacción entre el Gadget y el resto de elementos del Dashboard. Interactuando con el Gadget, se podrá ver qué infomación se manda al hacer clic.

![image-20250411-074404.png](media://4725c436-ab76-41f7-89e6-b7fa7f068acc)

 

---

Conforme se vayan publicando los nuevos Gadgets predefinidos, se actualizará esta sección de Gadgets predefinidos con sus respectivos tutoriales.