Cómo cambiar el icono de un botón de relleno sólido a regular en Jitterbit App Builder

Descripción general

App Builder incluye imágenes de Icono que utilizan el estado de icono Sólido de manera predeterminada, lo que significa que el icono aparece con un relleno sólido. Se puede configurar la información de tema para invalidar esto y utilizar el estado de icono Regular en su lugar, de modo que el icono aparezca como un contorno de la forma sin relleno. Consulta Categorías de iconos para ver otros conjuntos de iconos disponibles al seleccionar un icono.

Los siguientes ejemplos muestran el mismo icono address-card en un control de Botón en cada estado:

Cambiar el icono de un botón a relleno regular

Para cambiar el icono de un control de Botón de Sólido a Regular, agrega un estilo de grosor de fuente al control e invalida el grosor de ese estilo, de modo que el icono se renderice como un contorno en lugar de un relleno sólido:

1. Navega al área de la aplicación donde deseas incluir el icono y agrégalo como lo harías normalmente. Por ejemplo, selecciona el icono address-card para un botón llamado Test Button.

2. Ve a Action Drawer > Live Designer.

3. Selecciona el control con el icono que deseas modificar.

4. Haz clic en Más y selecciona Estilos.

5. Haz clic en + Estilo.

6. Selecciona Fuente del panel Categorías de estilo, de modo que la lista de estilos se reduzca a opciones relacionadas con fuentes.

7. Localiza Font Weight 400 del panel Estilo y haz clic en + Agregar. Esto agrega un estilo de grosor de fuente al control que luego puedes editar.

8. Haz clic en x para salir de la pantalla Estilo.

9. Haz clic en el icono Abrir registro del estilo que acabas de crear para abrir su registro completo.

10. Haz clic en el botón Editar estilo.

11. Selecciona Controles del panel Componentes, ya que estás diseñando un control en lugar de una página o panel.

12. Haz clic en Crear bajo Estilos.

13. Selecciona Icono de Botón como el Área, de modo que el estilo se dirija al icono mostrado en un control de Botón específicamente.

14. Selecciona Fuente como Tipo de estilo, para que coincida con la propiedad Font Weight que estás a punto de establecer.

15. Establece Font Weight en normal. Esto invalida el grosor 400 agregado en el paso 7, que es lo que cambia el icono de sólido a regular.

16. Haz clic en Guardar.

17. Sal de Configuración de estilo y vuelve a la capa de interfaz de usuario de la aplicación. Actualiza la vista de la aplicación para confirmar que el icono ahora aparece en su estado Regular.