Personalizzare le interfacce Qodly con i CSS
In Qodly Studio, ogni widget può essere stilizzato direttamente utilizzando le sue proprietà. Tuttavia, per mantenere un aspetto coerente in tutta l’applicazione e per applicare facilmente stili globali (come il colore dei caratteri, la dimensione del testo o l’aspetto delle selezioni), i CSS sono i vostri migliori alleati.
In questo articolo esploreremo le basi dell’uso dei CSS in Qodly Studio, con esempi tratti dall’applicazione Performance Review.
CSS Media query per un’interfaccia utente scura o chiara
La modalità scura sta guadagnando molto terreno negli ultimi tempi. Per questo motivo abbiamo aggiunto il supporto per questa modalità in 4D v19 e abbiamo menzionato alcuni modi per adattarla alle vostre esigenze nel relativo annuncio.
In questo post ci concentreremo sui CSS e spiegheremo in dettaglio come impostare gli stili CSS per le modalità chiare e scure utilizzando le media query CSS.
È arrivato il supporto alla modalità scura su macOS.
La Modalità scura è fantastica e crea un’esperienza d’uso entusiasmante. Per questo motivo, a partire da 4D v19, 4D supporta ora la Modalità scura, che si attiva automaticamente se la Modalità scura è attivata a livello di macOS.
Questo è solo l’inizio e nelle versioni future sono previste altre novità, come il supporto della Modalità scura per tutti i componenti (ad esempio il widget 4D Write Pro) e la Modalità design.
Volete vedere come la Modalità scura trasforma l’aspetto degli elementi di 4D? Continuate a leggere!
Anteprima dei CSS direttamente nell’editor del modulo!
In 4D v18 R5, è possibile visualizzare l’anteprima del rendering CSS finale nell’editor di moduli SENZA eseguire la finestra di dialogo. Sì, avete sentito bene. Standardizzare e rinnovare i moduli non è mai stato così facile!
Se non avete ancora sentito parlare dei CSS in 4D, questo è il momento giusto per saperne di più! Introdotto in 4D v18 per le applicazioni di progetto, questo concetto include fogli di stile migliorati e rapidi basati sui CSS. Vi consiglio di dare un’occhiata a questo post del blog.
Banche dati del progetto: abbellire i moduli con i fogli di stile
Le strutture binarie classiche di 4D consentono di definire i fogli di stile per specificare il carattere, la dimensione del carattere e lo stile del testo da utilizzare nei moduli per le piattaforme macOS e Windows. I database di progetto consentono di spingersi ancora più in là, definendo le proprietà di un pulsante a 4 stati o specificando il colore e il bordo di tutti gli oggetti linea o addirittura impostando l’altezza dell’intestazione di tutte le caselle di riepilogo di un’applicazione! Ispirandosi alla grammatica e alla sintassi dei CSS, 4D li ha adattati per soddisfare le esigenze specifiche dei moduli dei database dei progetti 4D. Grazie ai fogli di stile, è possibile configurare tutte le proprietà per creare moduli davvero accattivanti. Questo post vi mostra come fare!