---
title: "(ES) Nov. Motor Dashboards Gadget HTML5"
canonical: "https://onesaitplatform-es.refined.site/space/OP/blog/8749467/(ES)%20Nov.%20Motor%20Dashboards%20Gadget%20HTML5"
format: markdown
---
Hemos puesto a disposición de los usuarios un nuevo tipo de Gadget que denominaremos HTML5.

Este gadget es muy util y potente, ya que nos permite crear dentro del gadget una pagina en HTML5 donde podremos ejecutar código javascript.  Con este gadget podremos acceder a librería javascript que se encuentre en un CDN, o estén disponibles desde alguna url conocida y accesible.

Para utilizarlo accederemos al dashboard en modo edición. En el panel inferior donde se muestran los gadgets que podemos añadir:

![image](media://f315b55c-4dfd-443e-ac0f-46b3db66cab2)

arrastraremos el icono a la zona de trabajo:

![image](media://0229e4cd-c8d7-4791-8251-a62cd5672b88)

En el panel del gadget pulsaremos este icono de su cabecera para acceder al editor donde podremos escribir el código fuente de la pagina en html5 y javascript

![image](media://e874af54-1560-4d1d-97d9-bcc68b7cdde0)

![image](media://8539dfd1-0b22-4333-86a2-5305289f3d34)

![image](media://e7e26913-1176-46e3-b104-70b2837448b1)

Tras esto cerraremos la ventana modal y veremos el resultado, en este caso estamos creando un gadget que ataca la libreria cesium y un api de la plataforma “[…/api-manager/server/api/v1/api_gis_arboles_palmas/getArboles](http://www.onesaitplatform.online/api-manager/server/api/v1/api_gis_arboles_palmas/getArboles)” que nos devuelve una información en este caso de unos arboles.

![image](media://b1d4d964-6883-4a07-84d6-af7b2f20ff10)

En este otro ejemplo mostramos que se puede acceder a la librerías como la de  Chart.js,  mediante un CDN, pudiendo mostrar datos en tiempo real con la información  interactuando con ella, podemos añadir elementos como botones que realicen acciones, añadir lógica con el código javascript … .

![image](media://25da1f93-f598-4935-9ce5-37d66ae60830)