Personalice sus interfaces Qodly con CSS
En Qodly Studio, cada widget puede estilizarse directamente utilizando sus propiedades. Sin embargo, para mantener un aspecto coherente en toda la aplicación y aplicar fácilmente estilos globales (como el color de la fuente, el tamaño del texto o el aspecto de las selecciones), CSS es su mejor aliado.
En este artículo, exploraremos los fundamentos del uso de CSS en Qodly Studio, con ejemplos de la aplicación Performance Review.
Consulta de medios CSS para una interfaz de usuario oscura o clara
El modo oscuro ha ido ganando mucho terreno últimamente. Por eso hemos añadido soporte para él en 4D v19, y hemos mencionado algunas formas de ajustarlo a sus necesidades en el anuncio relacionado.
En esta entrada del blog, nos centraremos en el CSS y explicaremos en detalle cómo establecer estilos CSS para los modos claros y oscuros utilizando consultas de medios CSS.
Ha llegado la compatibilidad con el Modo Oscuro en macOS.
El Modo Oscuro es impresionante y crea una experiencia de usuario emocionante. Por eso, a partir de 4D v19, 4D soporta ahora el Modo Oscuro, que se activa automáticamente si el Modo Oscuro está activado a nivel de macOS.
Esto es sólo el comienzo, y hay más por venir en futuras versiones como el soporte del Modo Oscuro para todos los componentes (por ejemplo, el widget 4D Write Pro) y el Modo Diseño.
¿Quieres ver cómo el Modo Oscuro transforma el aspecto de los elementos de 4D? Siga leyendo.
Previsualiza tu CSS directamente en el editor de formularios.
En 4D v18 R5, puede previsualizar el renderizado final de CSS en el editor de formularios SIN ejecutar su diálogo. Sí, ha oído bien. Estandarizar y revivir sus formularios nunca ha sido tan fácil.
Si todavía no ha oído hablar de CSS en 4D, ¡ahora es el momento perfecto para aprender más! Introducido en 4D v18 para aplicaciones de proyectos, este concepto incluye hojas de estilo mejoradas y rápidas basadas en CSS. Le recomiendo que eche un vistazo a esta entrada del blog.
Bases de datos de proyectos: embellezca sus formularios con hojas de estilo
Las estructuras binarias clásicas de 4D le permiten definir hojas de estilo para especificar la fuente, el tamaño de la fuente y el estilo del texto que se utilizará en sus formularios, tanto para las plataformas macOS como Windows. Las bases de datos de proyectos le permiten ir aún más lejos al permitirle definir las propiedades de un botón de 4 estados o especificar el color y el borde de todos los objetos de línea o incluso establecer la altura de la cabecera de todos los cuadros de lista de una aplicación. Inspirado en la gramática y la sintaxis de CSS, 4D lo ha adaptado para satisfacer las necesidades específicas de los formularios de las bases de datos de proyectos 4D. Gracias a las hojas de estilo, puede configurar todas las propiedades para crear formularios realmente atractivos desde el punto de vista visual. ¡Esta entrada del blog le muestra cómo!