Estilos¶

Vinyl 3.3 presenta Estilos como una forma de aplicar estilos específicos a páginas, paneles y elementos de control. Las versiones anteriores de Vinyl requerían trabajar con Temas para lograr esto. Los estilos son un método elevado para proporcionar al desarrollador control sobre el estilo CSS de la apariencia de una aplicación.

Cómo Aplicar un Estilo a una Página¶

1. Navegue a la página para aplicar estilo.
2. Vaya al Cajón de acciones > Live Designer
3. Vaya a Más > Estilos
4. Localice 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¶

1. Navegue a la página que contiene el panel al que desea aplicar estilo.
2. Vaya al Cajón de acciones > Live Designer
3. Seleccione el panel en 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. Localice 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¶

1. Navegue a la página que contiene el control al que aplicar estilo.
2. Vaya al Cajón de acciones > Live Designer
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. 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, regrese a la vista de la aplicación y confirme la actualización.