Conseils

Requête média CSS pour une interface utilisateur sombre ou claire

Traduit automatiquement de Deepl

Le mode sombre a gagné beaucoup de terrain récemment. C’est pourquoi nous l’avons ajouté à la version 19 de 4D et avons mentionné quelques moyens de l’adapter à vos besoins dans l’annonce correspondante.

Dans ce billet de blog, nous allons nous concentrer sur le CSS et expliquer en détail comment définir les styles CSS pour les modes clair et foncé à l’aide des requêtes média CSS.

Produit blank

La prise en charge du mode sombre sur macOS est arrivée.

Traduit automatiquement de Deepl

Le Dark Mode est génial et crée une expérience utilisateur passionnante. C’est pourquoi, à partir de 4D v19, 4D prend en charge le Dark Mode, qui s’active automatiquement si le Dark Mode est activé au niveau de macOS.

Ce n’est qu’un début, et d’autres nouveautés sont à venir dans les prochaines versions, comme la prise en charge du Dark Mode pour tous les composants (par exemple, le widget 4D Write Pro) et le Design Mode.

Vous voulez voir comment le mode sombre transforme l’apparence des éléments 4D ? Continuez à lire !

Produit blank

4D View Pro maintenant en 6 langues !

Traduit automatiquement de Deepl

Nous savons combien il est important pour vous et vos clients de disposer de feuilles de calcul 4D View Pro dans votre langue maternelle. C’est pourquoi 4D v18 R5 propose désormais un ensemble de cinq langues prises en charge ! En plus de l’anglais, nous avons ajouté la prise en charge du français, de l’allemand, de l’espagnol, du japonais et du portugais!

Produit blank

Taper à l’avance, c’est facile

Traduit automatiquement de Deepl

Si vous vous intéressez à l’interface utilisateur, vous avez peut-être déjà utilisé les événements On before keystroke et On after keystroke. Vous serez certainement heureux d’apprendre que la gestion de ces événements a été grandement améliorée avec 4D v18 R5. En outre, une nouvelle commande a été créée pour déterminer si une entrée est en cours lorsque l’événement On before keystroke est généré. Nous allons en savoir plus !

Produit blank

Prévisualisez votre CSS directement dans l’éditeur de formulaire !

Traduit automatiquement de Deepl

Dans 4D v18 R5, vous pouvez prévisualiser le rendu CSS final dans l’éditeur de formulaire SANS exécuter votre dialogue. Oui, vous avez bien entendu. Il n’a jamais été aussi facile de normaliser et de revitaliser vos formulaires !

Si vous n’avez pas encore entendu parler de CSS dans 4D, c’est le moment idéal pour en savoir plus ! Introduit dans 4D v18 pour les applications de projet, ce concept comprend des feuilles de style améliorées et rapides basées sur CSS. Je vous recommande de jeter un coup d’œil à cet article de blog.

Produit blank

Sélectionnez les pages de l’interface 4D Write Pro à afficher

Traduit automatiquement de Deepl

Les deux widgets de l’interface 4D Write Pro continuent d’être améliorés avec plus de capacités et de fonctionnalités dans chaque version. Pour certaines de vos applications, toutes les pages des widgets ne sont pas utiles. Par exemple, vous utilisez 4D Write Pro pour mettre en forme vos emails, vous souhaitez donc n’afficher que quelques pages pour simplifier l’interface et faciliter le travail de l’utilisateur.

4D v18 R5 vous permet d’afficher uniquement les pages souhaitées. Continuez à lire pour savoir comment !

Produit blank

Widget de l’interface de 4D Write Pro : Importation et exportation

Traduit automatiquement de Deepl

Vous avez demandé un moyen d’importer et d’exporter différents formats de documents via le widget 4D Write Pro et une fois de plus, 4D a écouté !

En plus des commandes 4D qui vous permettent déjà d’importer et d’exporter des documents dans différents formats, comme l’exportation du format .docx avec 4D v17 R4 et du format PDF avec 4D v18 R4. Désormais, 4D Write Pro peut importer et exporter différents formats de documents via le widget de la barre d’outils et de la barre latérale.

Produit blank

Projet par défaut. Binaire à la demande

Traduit automatiquement de Deepl

Lesprojets ont été introduits dans 4D v17 R5. Une architecture représentant une évolution géante pour les applications 4D, les projets ont ouvert le monde 4D aux outils de contrôle de la source, à la programmation collaborative, au partage du code, à la modularité, et bien plus encore ! Pour rendre les choses encore meilleures (et plus simples), 4D v18 R4 crée de nouveaux projets par défaut, tandis que les développeurs – s’ils le souhaitent – peuvent continuer à créer des bases de données binaires via un simple paramètre.

Produit blank

Définir la taille de la police pour la police automatique

Traduit automatiquement de Deepl

Dans une précédente version de R, nous avons ajouté deux nouveaux thèmes automatiques pour définir la police et la taille de la police, il y a donc trois thèmes automatiques à votre disposition qui respectent les directives de chaque plate-forme. Pour concevoir votre interface, le thème automatique est la solution recommandée, chaque objet de formulaire utilisant la police et la taille recommandées par le système d’exploitation.

Dans certains cas, vous pouvez avoir besoin de plus de contrôle et avoir des raisons valables d’ignorer les directives. Avec 4D v18 R3, vous pouvez remplacer la taille des thèmes automatiques et avoir plus de contrôle sur la façon dont votre texte est affiché.

Produit blank

4D Write Pro : Nouvelles actions standard pour les tableaux, les lignes et les cellules

Traduit automatiquement de Deepl
4D v18 R3 apporte de nouvelles actions standard à 4D Write Pro. Elles ciblent les tableaux et leurs éléments(c’est-à-dire les lignes et les cellules). Ces actions vous permettent de définir la bordure d’un tableau, la couleur de fond d’une cellule, l’alignement vertical du texte dans une ligne, ainsi que l’alignement du tableau lui-même dans le document… pour n’en citer que quelques-uns. Toutes les actions standard sont accessibles soit par de simples boutons, listes déroulantes ou menus, soit par quelques courtes lignes de code. Vous en voulez plus ? Les menus sont automatiquement adaptés à la langue de l’utilisateur ! De plus, les tableaux, boutons, listes et menus sont automatiquement activés ou désactivés en fonction de la sélection actuelle de l’utilisateur. Cela permet aux développeurs de gagner beaucoup de temps !