Saltar al contenido

Estilos en Jitterbit App Builder

Los Estilos permiten aplicar estilos específicos a elementos de página, panel y control. Son un método avanzado que permite a los desarrolladores controlar el estilo CSS de la apariencia de una aplicación.

Cómo aplicar un estilo a una páginaejemplodepaginadeestilo.png

  1. Navega a la página que deseas aplicar.
  2. Ve al Panel de Acciones > Diseñador en Vivo.
  3. Ve a Más > Estilos.
  4. Localiza el estilo deseado en el panel de Estilos y haz clic en el botón + Añadir. Por ejemplo: Ocultar el botón Cerrar (X) en la ventana emergente.
  5. Sal de las pantallas de Estilo, vuelve a la vista de la aplicación y confirma la actualización.

Cómo aplicar un estilo a un panelejemplodeestilodepanel.png

  1. Vaya a la página que contiene el panel al que desea aplicar estilo.
  2. Vaya al Panel de Acciones > Diseñador en Vivo.
  3. Seleccione el panel en la vista de página. Por ejemplo: Producto.
  4. Vaya a Más > Estilos.
  5. Refine la Categoría de Estilo seleccionando la opción adecuada. Por ejemplo: Fondo y Borde.
  6. Localice el estilo deseado en el panel Estilos y haga clic en el botón + Añadir. Por ejemplo: Radio del Borde del Contenedor 4px.
  7. Salga de las pantallas de Estilo, vuelva a la vista de la aplicación y confirme la actualización.

Cómo aplicar un estilo a un controlejemplodecontroldeestilos.png

  1. Navegue a la página que contiene el control al que desea aplicar estilo.
  2. Vaya al Panel de Acciones > Diseñador Dinámico.
  3. Seleccione el control en la vista de página. Por ejemplo: Contenedor de Código.
  4. Vaya a Más > Estilos.
  5. Haga clic en el botón + Estilo.
  6. Seleccione la Categoría de Estilo seleccionando la opción adecuada. Por ejemplo: Fuente.
  7. Localice el estilo deseado en el panel Estilos y haga clic en el botón + Agregar. Por ejemplo: Color Rojo Carmesí.
  8. Salga de las pantallas de Estilo, vuelva a la vista de la aplicación y confirme la actualización.