Passen Sie Ihre Qodly-Oberflächen mit CSS an
In Qodly Studio kann jedes Widget direkt über seine Eigenschaften gestylt werden. Um jedoch ein einheitliches Erscheinungsbild in Ihrer gesamten Anwendung zu erhalten und um globale Stile (wie Schriftfarbe, Textgröße oder das Aussehen von Auswahlen) einfach anzuwenden, ist CSS Ihr bester Verbündeter.
In diesem Artikel werden wir die Grundlagen der Verwendung von CSS in Qodly Studio anhand von Beispielen aus der Anwendung Performance Review erläutern.
CSS Media Query für eine dunkle oder helle UI
Der dunkle Modus hat in letzter Zeit stark an Bedeutung gewonnen. Deshalb haben wir in 4D v19 Unterstützung für diesen Modus hinzugefügt und in der entsprechenden Ankündigung ein paar Möglichkeiten genannt, wie Sie ihn an Ihre Bedürfnisse anpassen können.
In diesem Blog-Beitrag konzentrieren wir uns auf CSS und erklären im Detail, wie Sie CSS-Stile für helle und dunkle Modi mithilfe von CSS-Medienabfragen festlegen können.
Die Unterstützung für den dunklen Modus unter macOS ist da.
Der dunkle Modus ist großartig und schafft ein aufregendes Benutzererlebnis. Deshalb unterstützt 4D ab 4D v19 jetzt den Dark Mode, der automatisch aktiviert wird, wenn der Dark Mode auf macOS-Ebene eingeschaltet ist.
Dies ist nur der Anfang. In zukünftigen Versionen wird der Dark Mode für alle Komponenten (z. B. für das 4D Write Pro Widget) und den Design Mode unterstützt.
Möchten Sie sehen, wie der Dark Mode das Aussehen von 4D Elementen verändert? Lesen Sie weiter!
Zeigen Sie Ihr CSS direkt im Formulareditor an!
In 4D v18 R5 können Sie eine Vorschau des endgültigen CSS-Renderings im Formulareditor anzeigen, OHNE Ihren Dialog auszuführen. Ja, Sie haben richtig gehört. Die Standardisierung und Überarbeitung Ihrer Formulare war noch nie so einfach!
Wenn Sie noch nichts über CSS in 4D gehört haben, ist jetzt der perfekte Zeitpunkt, um mehr zu erfahren! Dieses Konzept wurde in 4D v18 für Projektanwendungen eingeführt und beinhaltet erweiterte und schnelle Stilvorlagen auf Basis von CSS. Ich empfehle Ihnen einen Blick auf diesen Blogbeitrag zu werfen.
Projektdatenbanken: Verschönern Sie Ihre Formulare mit Stilvorlagen
Mit den klassischen 4D Binärstrukturen können Sie Stilvorlagen definieren, um die Schriftart, die Schriftgröße und den Textstil für Ihre Formulare sowohl für die macOS- als auch für die Windows-Plattform festzulegen. Mit Projektdatenbanken können Sie sogar noch weiter gehen, indem Sie die Eigenschaften einer Schaltfläche mit vier Zuständen definieren, die Farbe und den Rahmen aller Linienobjekte festlegen oder sogar die Kopfhöhe aller Listenfelder einer Anwendung bestimmen! 4D hat sich von der Grammatik und Syntax von CSS inspirieren lassen und sie an die spezifischen Anforderungen der Formulare in 4D Projektdatenbanken angepasst. Dank der Stylesheets können Sie alle Eigenschaften konfigurieren, um wirklich optisch ansprechende Formulare zu erstellen. Dieser Blogbeitrag zeigt Ihnen wie!