Les applications ne correspondent souvent pas à votre marque. Elles utilisent un style différent, le logo ne correspond pas tout à fait et ces polices semblent un peu trop génériques. Ce que vous voulez vraiment, c'est que vos applications fassent partie de votre paysage d'applications d'entreprise. Mais pour y parvenir, l'apparence et la convivialité doivent correspondre. Aujourd'hui, nous lançons de nouvelles fonctionnalités pour vous aider à y parvenir.
Le Mendix Créateur de thème devient rapidement une fonctionnalité importante pour aider les développeurs à créer de superbes applications. Au cours des dernières semaines, nous avons travaillé sur deux nouvelles fonctionnalités pour le créateur de thèmes : l'importation de logos et l'API Google Fonts. Le plus intéressant, c'est que tout peut être prévisualisé dans le navigateur !
Importation de logos
Dans notre dernière version de Theme Creator, nous avons rendu possible l'importation de votre logo, mais uniquement pour extraire les couleurs de la marque du logo et les utiliser dans Theme Creator. Dans cette version, nous sommes allés encore plus loin : lorsque vous téléchargez un logo, il s'affiche directement dans le navigateur et le logo fait partie du package de thème.
Le logo est enregistré dans le dossier racine du package de thème. Dans notre framework, le chemin d'accès au logo se trouve dans le dossier _variables-personnalisées.scss fichier. Vous trouverez ici la variable que nous avons créée.
Si vous ne souhaitez pas utiliser le logo de votre package de thème, définissez simplement la variable $brand-logo sur non.
API Google Fonts
Le API Google Fonts vous permet d'ajouter des polices à n'importe quelle page Web. Avec l'API Google Fonts, vous pouvez prévisualiser les polices les plus populaires et celles que votre marque utilise déjà, directement dans le navigateur. Il est possible de choisir parmi les 40 meilleures polices Google, dont Roboto, Open Sans et Lato. Il est toujours possible de sélectionner une famille de polices normale comme Arial ou Verdana.
La police Google qui est sélectionnée dans le Mendix Le créateur de thème se trouve dans le fichier principal de notre framework, _variables-personnalisées.scss. Vous trouverez ici la variable que nous avons créée. Si vous ne souhaitez plus utiliser la police Google, définissez simplement la valeur de $font-family-import sur non.
Une dernière fonctionnalité que nous avons ajoutée au Theme Creator est la possibilité de modifier la couleur de survol du texte de la barre latérale. Cette fonctionnalité a été demandée à de nombreuses reprises par la communauté.
Améliorations pour Mendix Cadre d'interface utilisateur
Nous avons amélioré le style de grille de données par défaut en ajoutant un alignement vertical au milieu pour les lignes par défaut. Cela améliore l'option d'édition en ligne que vous pouvez activer ou désactiver dans le Mendix Modélisateur. Nous avons également stylisé le pied de page de la grille de données par défaut.
Nous avons apporté quelques modifications au groupe de formulaires et à la saisie. La saisie du formulaire utilise désormais la hauteur automatique (cela sera également disponible pour Bootstrap 4) au lieu d'une hauteur fixe. L'entrée utilise un remplissage pour déterminer la hauteur afin que l'étiquette soit toujours correctement alignée. Vous pouvez voir ce changement dans le Créateur de thème. Nous avons ajouté deux variables pour le groupe de formulaires : le remplissage des gouttières (gauche et droite) et la marge inférieure pour chaque groupe de formulaires. Tout se trouve dans le fichier _custom-variables.scss.
Nous avons également ajouté une nouvelle disposition de navigation. Cette disposition contient une barre supérieure avec la navigation principale et une barre latérale contenant sa sous-navigation. Cette disposition de navigation est disponible dans l'un des points de départ de la thématisation.
RETOURS
N'hésitez pas à nous faire part de vos commentaires à l'adresse Mendix Forum et à notre expertise, Github référentiel!