Einführung der Unterstützung für Glyphicons in Mendix
- 3. Juni 2015
- Minute gelesen
Wir haben gerade veröffentlicht Mendix 5.16 und Sie finden die lange Liste der Verbesserungen im Versionshinweise. Heute möchte ich eines der neuen Features hervorheben: Glyphicons. Diese Icons sind die moderne Version von Bildern auf Schaltflächen.
Vorteile von Glyphicons
Glyphicons haben eine Reihe von Vorteilen gegenüber Bitmap-Icons. Es handelt sich eigentlich um Zeichen in einer speziellen Schriftart, die mit Bootstrap, dem von uns verwendeten CSS-Framework, geliefert wird. Daher haben sie mehrere Eigenschaften mit der Beschriftung einer Schaltfläche gemeinsam:
- Sie können ihre Größe und Farbe mit CSS ändern.
- Sie reagieren auf den Schaltflächenstil, indem sie auf dunklen Hintergründen automatisch weiß werden.
- Sie bleiben bei jeder Größe und Auflösung scharf. Besonders auf einem Retina-Display können Sie den Unterschied zwischen einem Bitmap-Symbol und einem Glyphikon erkennen.
Ein weiterer Vorteil liegt in Sachen Performance. Die Icon-Schriftart wird bereits von unserem Webclient geladen und steht Ihnen zur Nutzung zur Verfügung. Bitmap-Icons führen zu zusätzlichen Anfragen an den Server, Glyphicons hingegen nicht. Besonders auf Mobilgeräten zählt jede Reduzierung der Anfragenzahl.
Modellierer-Unterstützung
Im Business Modeler wurde die Eigenschaft „Bild“ von Schaltflächen in „Symbol“ umbenannt. Wenn Sie diese Eigenschaft bearbeiten, erhalten Sie den folgenden Selektor.
![]()
Es stehen mehr als zweihundert Glyphen zur Verfügung, daher bieten wir die Möglichkeit, nach ihrem Namen zu filtern. Und natürlich können Sie die Bitmap-Symbole weiterhin über die Option „Bild“ verwenden.
Das ist alles schön und gut, wenn Sie ein neues Projekt erstellen, aber was ist, wenn Sie bereits ein Projekt mit Hunderten von Seiten voller Schaltflächen haben? Hier kommt das neue Stapelsymbol-Update ins Spiel. Sie finden es im Menü „Tools“ und können damit schnell die Symbole von Tausenden von Schaltflächen ändern. Es gibt zwei Filtermethoden, die kombiniert werden können:
- Sie können nach dem Typ der Schaltflächen filtern. Sie können beispielsweise schnell ein Symbol auf alle Schaltflächen „Speichern“ in der Datenansicht oder auf alle Schaltflächen „Neu“ in der Tabelle anwenden.
- Sie können basierend auf dem Symbol filtern, das die Schaltfläche derzeit hat. Ersetzen Sie beispielsweise das Symbol aller Schaltflächen, die jetzt das alte Bitmap-Symbol zum Speichern auf Diskette haben. Sowohl „Speichern“-Schaltflächen als auch Microflow-Schaltflächen mit diesem Bild werden aktualisiert.
Abschließend können Sie auswählen, welches Symbol dem gefilterten Satz von Schaltflächen zugewiesen werden soll. Wenn Sie „keine“ auswählen, können Sie die Symbole dieser Schaltflächen löschen. Beachten Sie, dass für diesen projektweiten Vorgang keine Rückgängig-Funktion verfügbar ist. Wir empfehlen daher die Verwendung der Versionskontrolle, um sicherzustellen, dass Sie unerwünschte Änderungen rückgängig machen können.
![]()
Standardmäßig fügt der Modeler keine Symbole mehr auf Schaltflächen ein. Viele Entwickler haben uns gesagt, dass sie diese als Erstes entfernen, also haben wir beschlossen, ihnen diesen Schritt zu ersparen.
Zusammenfassung
In Mendix 5.16 haben wir das Bootstrap-Framework auf 3.3.2 aktualisiert, damit Sie mehr Symbole zum Spielen haben. Nach unseren Forum, die Leute haben bereits CSS-Workarounds verwendet, um Glyphikone auf ihren Schaltflächen anzuzeigen, aber jetzt können Sie die neuen Symbole verwenden und tatsächlich sehen, was Sie im Modeler tun. Abschließend möchten wir den netten Leuten bei danken Glyphicons.com dafür, dass sie ihre Halflings-Symbole Bootstrap-Benutzern kostenlos zur Verfügung stellen.