Widgets de botones

Cómo utilizar los botones en las aplicaciones

Los Widgets de botones son una de las principales formas de crear Triggers en tus aplicaciones.

Para añadir un botón en un paso concreto, abre el paso en el Tulip App Editor y haz clic en "Botones" de la barra de herramientas.

Hay cinco opciones para añadir botones. Cuatro de ellos tienen una lógica predefinida asociada a ellos.

• Botón: Esta es la única opción sin lógica predefinida. Para hacer un botón personalizado, seleccione "Botón" y siga esta guía para añadir una lógica personalizada.
• Anterior: El botón "Anterior" lleva al operador al último paso en el que se encontraba.
• Menú: El botón "Menú" abre el menú donde el operador puede añadir comentarios, pausar, reiniciar o cambiar la aplicación que está utilizando. El operador puede cerrar la sesión de Tulip Player o incluso cambiar el idioma que se ejecuta en Tulip Player desde aquí.
• Siguiente: El botón Siguiente lleva al operador al siguiente paso en el flujo de la aplicación.
• [Complete:](https://support.tulip.co/docs/how-to-complete-an-app El botón "Complete " completa la aplicación** que el operador está ejecutando.

Cómo añadir un activador personalizado a un botón

Con los activadores de botones, puede ejecutar acciones y transiciones específicas cuando se pulsa un botón dentro de una aplicación.

Nota: Los widgets de botón no pueden insertarse en un paso de formulario.

A continuación se explica cómo añadir un activador a un botón.

1- Inserta un nuevo widget de botón en tu aplicación haciendo clic en el menú desplegable "Botones" de la barra de herramientas y eligiendo el tipo de botón que deseas utilizar.

En este ejemplo crearemos un botón personalizado utilizando la primera opción, "Button".

2- Selecciona el nuevo botón y pulsa el icono del signo más junto a "Triggers" en el Panel Contextual.

3- Ahora deberías ver el Editor de Disparadores.

Nombra el activador haciendo clic en el título en el Editor de activadores.

4- A continuación, puedes establecer una condición IF - puedes dejar esta fila en blanco o añadir una condición en función de tus necesidades.

Puedes añadir una condición o múltiples condiciones mediante el botón "Añadir nueva condición".

Puede seleccionar "todas" o "cualquier" condición del menú desplegable para permitir múltiples condiciones lógicas.

5- Establezca una acción**(THEN**) - seleccione una de las acciones del menú desplegable. En este ejemplo enviaremos una alerta por SMS a un administrador de Tulipán.

Añada una acción pulsando el botón "Añadir nueva acción" en la sección "Entonces".

Selecciona "Enviar SMS" en el menú desplegable.

Seleccione a quién desea enviar el SMS en el menú desplegable "a".

Ten en cuenta que sólo los administradores que hayan verificado su número de teléfono estarán disponibles en este menú.

Selecciona el tipo de mensaje en el menú desplegable de mensajes. Las tres opciones son:

• Expresión,
• Valor estático,
• Información de la aplicación.

Si desea enviar un texto, seleccione Valor Estático e introduzca el texto que desea enviar en el cuadro de texto.

6 (opcional)- Añade una Transición para que puedas completar la app o ir al siguiente paso.

Estilo de los botones

Puede editar las siguientes propiedades de los botones después de que se carguen en Tulip en el panel de contexto en el lado derecho de la pantalla:

• Tamaño de la fuente
• Color de la fuente
• Estilo de la fuente
• Alineación del texto del botón
• Color del botón
• Tamaño
• Rotación
• Sombra
• Radio del borde
• Parpadeo

Lecturas adicionales

• [Cómo copiar widgets entre aplicaciones](https://support.tulip.co/docs/how-to-copypaste-content-within-apps-and-between-apps

¿Has encontrado lo que buscabas?

También puedes dirigirte a community.tulip.co para publicar tu pregunta o ver si otros se han enfrentado a una pregunta similar.