Creación de Widgets

Creación de Widgets
Bizagi

Copyright ©2013 - Bizagi

Creación de Widgets Bizagi

Tabla De Contenido
1. Objetivo ....................................................................................................................... 4
2. Introducción .............................................................................................................. 4
3. Prerrequisitos............................................................................................................ 4
4. Perfil requerido ........................................................................................................ 5
5. Preparación de su espacio de trabajo ............................................................ 5
Instale la plantilla para Widgets........................................................................................................... 5

6. Desarrollo de nuevos Widgets .......................................................................... 7
6. 1 Cree un nuevo proyecto .................................................................................................................. 7
6. 2 Defina lo que su Widget necesita............................................................................................... 9
6. 3 Compile el Widget ............................................................................................................................. 9
.........................................................................................................................................................................10
6.4 Realicepruebas de su Widget .....................................................................................................10
Notas importantes ...................................................................................................................................11

Anexo A: Estructura de los Widgets ....................................................................12
¿Qué defino en unWidget? .................................................................................................................12
¿Cuáles archivos componen a un Widget? ....................................................................................12
¿Qué tiene cada archivo? ......................................................................................................................14userfielddescriptor.json (ejemplo) ...............................................................................................14
[myWidget].json (ejemplo) .............................................................................................................16
[dispositivo]\[myWidget].js (ejemplo) ........................................................................................18

AnexoB: Definir y usar propiedades ..................................................................20
Ejemplos .......................................................................................................................................................24

www.bizagi.com

Confidential

2

Creación de Widgets Bizagi

Anexo C: Guía para los estilos del CSS..............................................................25
Anexo D: Haciendo debug /troubleshooting .................................................26
Archivos JS, JSON y CSS ..................................................................................................................26
BGW (archivo Widget)......................................................................................................................26
Forms Modeler ....................................................................................................................................26
Ejecución ................................................................................................................................................27

www.bizagi.com

Confidential

3

Creación de Widgets Bizagi

1. Objetivo
En este...