Cómo cambiar el icono de un botón de relleno sólido a regular en Jitterbit App Builder
Icono address-card sólido (predeterminado):
De forma predeterminada, si utilizas las imágenes de Icono nativas que se incluyen con App Builder, estas se configuran en el estado de Icono sólido (lo que significa que el icono aparece con un color de fondo sólido). Si lo deseas, puedes configurar la información de Tema para anular este estado y utilizar el estado de Icono regular para que el icono aparezca como un contorno de la forma sin relleno. Consulta Categorías de icono para ver los otros conjuntos de iconos disponibles al seleccionar un icono.
En este artículo, veremos cómo modificar un Control de Botón con un Icono para que tenga un relleno regular en lugar de sólido.
Icono address-card sólido (predeterminado):
Icono address-card regular:
Cómo modificar un icono de control de botón para utilizar un estado de icono regular
Si deseas utilizar el estado de Icono Regular, aquí te mostramos cómo configurar la información de Tema correspondiente:
- Navega al área de tu aplicación donde deseas incluir el icono y agrégalo como lo harías normalmente. Por ejemplo: Icono Address-card seleccionado para Botón de prueba
- Ve a Action Drawer > Live Designer
- Selecciona el Control con el Icono que deseas modificar
- Haz clic en More y selecciona Styles
- Haz clic en + Style
- Selecciona Font del panel Categorías de estilo
- Localiza Font Weight 400 del panel Estilo y haz clic en + Add
- Haz clic en x para salir de la pantalla Estilo
- Haz clic en el icono Open record del Estilo que acabas de crear
- Haz clic en el botón Edit Style
- Selecciona Controls del panel Componentes
- Haz clic en Create bajo Styles
- Selecciona Icon de Button como el Área
- Selecciona Font como Tipo de estilo
- Establece Font Weight en normal
- Haz clic en Save
- Sal de Configuración de estilo y regresa a la Capa de interfaz de usuario de la aplicación, actualiza y confirma que el icono ahora aparece como se esperaba.