Avantages des Glyphicons

Les glyphicons présentent un certain nombre d'avantages par rapport aux icônes bitmap. Il s'agit en fait de caractères dans une police spéciale fournie avec Bootstrap, le framework CSS que nous utilisons. En tant que tels, ils partagent plusieurs propriétés avec l'étiquette d'un bouton :

• Vous pouvez modifier leur taille et leur couleur avec CSS.
• Ils répondent au style du bouton en devenant automatiquement blancs sur des arrière-plans sombres.
• Elles restent nettes quelle que soit la taille et la résolution. Sur un écran « Retina », on peut voir la différence entre une icône bitmap et un glyphicon.

Il y a un autre avantage en termes de performances. La police des icônes est déjà chargée par notre client Web et disponible pour votre utilisation. Les icônes bitmap génèrent des requêtes supplémentaires au serveur, ce qui n'est pas le cas des glyphicons. En particulier sur mobile, chaque réduction du nombre de requêtes compte.

Support du modélisateur

Dans Business Modeler, la propriété « Image » des boutons a été renommée en « Icône » et la modification de cette propriété vous donnera le sélecteur suivant.

Il y a plus de deux cents glyphes disponibles, nous vous proposons donc la possibilité de filtrer en fonction de leur nom. Et bien sûr, vous pouvez toujours utiliser les icônes bitmap grâce à l'option « image ».

Tout cela est très bien pour la création d'un nouveau projet, mais que se passe-t-il si vous avez déjà un projet avec des centaines de pages remplies de boutons ? C'est là qu'intervient la nouvelle mise à jour des icônes par lots. Vous pouvez la trouver dans le menu Outils et elle vous permet de modifier rapidement les icônes de milliers de boutons. Il existe deux méthodes de filtrage qui peuvent être combinées :

• Vous pouvez filtrer en fonction du type de boutons. Par exemple, vous pouvez rapidement appliquer une icône à tous les boutons « Enregistrer » de la vue de données ou à tous les boutons « Nouveau » de la grille.
• Vous pouvez filtrer en fonction de l'icône actuellement présente sur le bouton. Par exemple, remplacez l'icône de tous les boutons qui ont maintenant l'ancienne icône bitmap de sauvegarde sur disquette. Les boutons « Enregistrer » et les boutons Microflow qui ont cette image seront mis à jour.

Enfin, vous pouvez choisir l'icône à attribuer à l'ensemble de boutons filtré. En choisissant « aucun », vous pouvez effacer les icônes de ces boutons. Notez qu'il n'existe aucune fonction d'annulation disponible pour cette opération à l'échelle du projet, nous vous recommandons donc d'utiliser le contrôle de version pour vous assurer de pouvoir annuler les modifications indésirables.

Par défaut, le Modeler ne place plus d'icônes sur les boutons. De nombreux développeurs nous ont dit que la première chose qu'ils font est de les supprimer, nous avons donc décidé de leur épargner une étape.

Mot de la fin

In Mendix 5.16 nous avons mis à niveau le framework Bootstrap vers la version 3.3.2 afin que vous ayez plus d'icônes avec lesquelles jouer. À en juger par notre Forum, les gens ont déjà utilisé des solutions de contournement CSS pour afficher des glyphicons sur leurs boutons, mais vous pouvez maintenant commencer à utiliser les nouvelles icônes et voir réellement ce que vous faites dans le Modeler. Enfin, nous tenons à remercier les bonnes personnes de Glyphicons.com pour mettre leurs icônes Halflings à disposition gratuitement des utilisateurs de Bootstrap.