Personalize as suas interfaces Qodly com CSS
No Qodly Studio, cada widget pode ser estilizado diretamente utilizando as suas propriedades. No entanto, para manter um aspeto consistente em toda a aplicação e para aplicar facilmente estilos globais (como a cor do tipo de letra, o tamanho do texto ou o aspeto das selecções), o CSS é o seu melhor aliado.
Neste artigo, exploraremos as noções básicas de utilização de CSS no Qodly Studio, com exemplos da aplicação Análise de desempenho.
Consulta CSS Media para uma IU escura ou clara
O modo escuro tem vindo a ganhar muito terreno recentemente. É por isso que adicionámos apoio ao mesmo em 4D v19, e mencionámos algumas formas de o ajustar às suas necessidades no respectivo anúncio.
Neste post do blog, vamos focar-nos no CSS e explicar em detalhe como definir estilos CSS para os modos claro e escuro usando consultas de meios CSS.
Chegou o suporte do Modo Escuro no MacOS.
Dark Mode é espectacular e cria uma experiência de utilizador excitante. É por isso que, começando com 4D v19, 4D suporta agora o Modo Escuro, que se activa automaticamente se o Modo Escuro for ligado ao nível macOS.
Isto é apenas o começo, e há mais para vir em versões futuras, tais como o suporte do Modo Escuro para todos os componentes (por exemplo, o widget 4D Write Pro) e o Modo de Desenho.
Queres ver como o Dark Mode transforma o aspecto dos elementos 4D? Continue a ler!
Pré-visualize o seu CSS directamente no editor de formulários!
Em 4D v18 R5, pode pré-visualizar a renderização final do CSS no editor de formulários SEM executar o seu diálogo. Sim, ouviu isso bem. Padronizar e reavivar os seus formulários nunca foi tão fácil!
Se ainda não ouviu falar de CSS em 4D, agora é a altura perfeita para saber mais! Introduzido em 4D v18 para aplicações de projectos, este conceito inclui folhas de estilo melhoradas e rápidas baseadas em CSS. Recomendo que dêem uma vista de olhos a este post no blogue.
Bases de dados de projectos: embeleze os seus formulários com folhas de estilo
As estruturas binárias 4D clássicas permitem-lhe definir folhas de estilo para especificar a fonte, o tamanho da fonte e o estilo de texto a utilizar nos seus formulários tanto para as plataformas MacOS como Windows. As bases de dados de projectos permitem-lhe ir ainda mais longe, permitindo-lhe definir as propriedades de um botão de 4 estados ou especificar a cor e borda de todos os objectos de linha ou mesmo definir a altura do cabeçalho de todas as caixas de listagem de uma aplicação! Inspirado pela gramática e sintaxe do CSS, 4D adaptou-o para responder às necessidades específicas dos formulários das bases de dados 4D de projectos. Graças às folhas de estilo, é possível configurar todas as propriedades para criar formulários verdadeiramente apelativos do ponto de vista visual. Este post no blogue mostra-lhe como!