Saltar al contenido

Estilos

Los estilos son una forma de aplicar estilos específicos a elementos de página, panel y control. Los estilos son un método avanzado para brindarle a un desarrollador control sobre el estilo CSS de la apariencia de una aplicación.

Cómo Aplicar un Estilo a una Página

ejemplo_de_pagina_de_estilo.png

  1. Navegue hasta la página a la que desea aplicar el estilo
  2. Vaya al Cajón de acciones > Diseñador en vivo
  3. Vaya a Más > Estilos
  4. Busque el estilo deseado en el panel Estilos y haga clic en el botón + Agregar. Por ejemplo: Ocultar el botón Cerrar (X) en la ventana emergente
  5. Salga de las pantallas de Estilo, regrese a la vista de la aplicación y confirme la actualización

Cómo Aplicar un Estilo a un Panel

ejemplodeestilodepanel.png

  1. Navegue hasta la página que contiene el panel al que desea aplicar el estilo
  2. Vaya al Cajón de acciones > Diseñador en vivo
  3. Seleccione el panel desde la vista de página. Por ejemplo: Producto
  4. Vaya a Más > Estilos
  5. Limite la Categoría de estilo seleccionando la opción adecuada. Por ejemplo: Fondo y borde
  6. Busque el estilo deseado en el panel Estilos y haga clic en el botón + Agregar. Por ejemplo: Radio del borde del contenedor 4px
  7. Salga de las pantallas de Estilo, regrese a la vista de la aplicación y confirme la actualización

Cómo Aplicar un Estilo a un Control

ejemplodecontroldeestilos.png

  1. Navegue hasta la página que contiene el control al que desea aplicar estilo
  2. Vaya al Cajón 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. Limite la Categoría de estilo seleccionando la opción adecuada. Por ejemplo: Fuente
  7. Busque 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, regrese a la vista de la aplicación y confirme la actualización