Control de Botones¶

Los controles de botón le permiten colocar un control en un panel que parece un botón y ofrecen opciones de configuración para controlar la ubicación, el comportamiento al hacer clic (si lo desea), el color, la etiqueta y más.

Si desea tener más control sobre la apariencia de un botón, App Builder esto se respalda mediante Estilos.

Cómo Configurar un Control de Botón¶

1. Desde la vista de la aplicación, vaya a Action Drawer > Live Designer
2. Si el botón debe estar asociado con una columna subyacente, seleccione el valor
3. Establezca el Tipo de control en Botón
4. Asigna un Nombre. Este valor aparecerá en el botón mismo.

5. Seleccione el valor Subtipo de control para definir si el botón debe tener una apariencia Principal o Secundaria.

   1. Principal = aparece como un botón principal en el panel
   2. Secundario = aparece como un botón secundario en el panel, más claro que un botón principal

6. Haga clic en Siguiente

7. Si el botón debe Ejecutar un evento al hacer clic, seleccione el evento apropiado
8. Si el botón debe Enlazar a página al hacer clic, seleccione la página apropiada
9. Haga clic en Siguiente
10. Revise las actualizaciones App Builder lo hará al agregar el control Botón y hacer clic en Finalizar

11. Si se desea una Ubicación diferente para la colocación del Botón, seleccione el valor apropiado

    1. Cuerpo = comportamiento predeterminado que normalmente se muestra en línea en el Panel
    2. Encabezado = se muestra en la región del encabezado del Panel, por defecto en la región derecha del panel
    3. Panel (Menú) = se muestra en un menú anidado que se muestra en el Panel, en la región superior derecha del Panel
    4. Barra de herramientas = se muestra en la región de la barra de herramientas del Panel, de manera predeterminada a la derecha de cualquier botón de Método de actualización existente (por ejemplo, Crear, Auditoría)

12. Revise las opciones disponibles y realice cualquier actualización de configuración adicional.

13. Haga clic en Guardar

Cómo Darle Estilo a un Botón¶

Los estilos se pueden usar para personalizar aún más un control de botón. Use los estilos disponibles para cambiar cosas como el tamaño, el color y el grosor de la fuente del botón. Puede personalizar un estilo si necesita más granularidad.

1. Navegue a la página de la aplicación con el control de botón
2. Vaya a Action Drawer > Live Designer
3. Seleccione el control de botón en la vista de página
4. Desde la región de edición, vaya a More... > Styles
5. Haga clic en + Style
6. Seleccione Buttons en Style Categories
7. Busque el Style deseado y haga clic en el botón + Add correspondiente. Por ejemplo: App Builder- Botón de letras grandes
8. Salga de las pantallas de estilos y edición, actualice el navegador y confirme las actualizaciones

Opciones de Ubicación de los Botones¶

Los controles de botones se pueden configurar para ubicarse en 4 áreas diferentes en un panel mediante el campo Ubicación. La ubicación se define mediante la opción Ubicación seleccionada en el modo de edición de control. Las áreas en las que se pueden ubicar los botones en los paneles incluyen:

1. Cuerpo = comportamiento predeterminado que normalmente se muestra en línea en el Panel
2. Encabezado = se muestra en la región del encabezado del Panel, por defecto en la región derecha del panel
3. Panel (Menú) = se muestra en un menú anidado que se muestra en el Panel, en la región superior derecha del Panel
4. Barra de herramientas = se muestra en la región de la barra de herramientas del Panel, de manera predeterminada a la derecha de cualquier botón de Método de actualización existente (por ejemplo, Crear, Auditoría)

Ilustración de las diferentes ubicaciones de botones disponibles en App Builder