# Estructura básica de un flujo

<sub><span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;"><span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Primero, estructuramos nuestro flujo arrastrando las casillas necesarias a nuestro panel designado</span>.</span></sub>

[![5.jpg](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/scaled-1680-/5.jpg)](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/5.jpg)

<span lang="ES-CO" style="font-family: 'Segoe UI',sans-serif; color: #374151;"><span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Luego, ingresamos los datos esenciales del nodo, incluyendo su nombre, identificador y especificamos qué tipo de usuario tendrá acceso a visualizar los formularios. Lo siguiente sería crear las secciones que serían una lista de datos que van a ser requeridos a los usuarios. Se pueden crear cuantas secciones se necesiten según las necesidades. Para agregar un dato a solicitar en la sección, oprimimos en agregar campo.</span></span>

<span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">  
</span>

[![6.jpg](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/scaled-1680-/6.jpg)](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/6.jpg)

[![7.jpg](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/scaled-1680-/7.jpg)](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/7.jpg)

<span lang="ES-CO" style="font-family: 'Segoe UI',sans-serif; color: #374151;"><span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Lo siguiente en el campo a rellenar sería seleccionar qué tipo de dato necesitamos; por ejemplo, puede ser un archivo, un selector múltiple, firma, etc. En este caso, vamos a usar lo que sería un selector múltiple para emplear nuestro catálogo creado en la sección anterior de catálogos. Importante habilitar catálogos con clic cuando estén en verdes significa que esos campos están siendo requeridos.</span></span>

<span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">  
</span>

[![image.png](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/scaled-1680-/9V1image.png)](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/9V1image.png)

<span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Por último, vamos a crear otro nodo de finalizar para que nuestro flujo cuente con dos nodos. Arrastramos el nodo de finalizar a nuestra tabla de flujos y unimos inicio con finalizar.</span>

[![image.png](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/scaled-1680-/CzYimage.png)](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/CzYimage.png)

<span style="color: rgb(55, 65, 81); font-family: Söhne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Solo quedaría rellenar los campos de permisos del nodo de salida y habilitar botones para finalizar y para ir al nodo anterior. Se puede corregir según tus necesidades y dar clic en 'guardar' para salvar todos los cambios</span>

<span lang="ES-CO">  
</span>

[![image.png](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/scaled-1680-/vLTimage.png)](https://documentacion.cworkflow.com/uploads/images/gallery/2024-01/vLTimage.png)

**Importante** guardar tanto en la tabla de flujo como en el nodo