Unsere App Priceforge ist ein Datenvisualisierungstool sowie ein Preisoptimierer. Durch seine Syntax bietet Envision eine programmatische Möglichkeit, die Kacheln zu definieren, die in Ihrem Dashboard angezeigt werden.

Während es sehr praktisch ist, eine absolute Kontrolle darüber zu haben, wie Zahlen berechnet werden, ist es mühsam, die Farben Ihrer Kacheln auszuwählen und das Layout Ihres Dashboards aus der Programmiersprache selbst zu erstellen. Aus diesem Grund unterstützt Priceforge einen visuellen Editor für Ihre Dashboards.

Werfen wir einen Blick auf das Beispiel-Dashboard, das von Priceforge bereitgestellt wird:

Beachten Sie die Schaltfläche Editor oben rechts im Fenster. Wenn Sie auf diese Schaltfläche klicken, wird der visuelle Editor-Modus von Priceforge aktiviert. Alle Kacheln werden dunkel und ihre jeweiligen Positionen - basierend auf dem von Envision verwendeten Excel-ähnlichen Rastersystem - werden auf jeder Kachel angezeigt.

Dann bietet der visuelle Editor eine einfache Möglichkeit, alle Kacheln nach oben oder unten zu verschieben, obwohl es auch möglich ist, jede Kachel einzeln zu verschieben. Klicken Sie einfach auf eines dieser grünen Kreuze auf der linken Seite, und eine neue leere Zeile wird eingefügt.

Sie können diese leere Zeile auch entfernen, indem Sie auf das rote Kreuz klicken, das jetzt rechts erscheint.

Wenn Sie eine bestimmte Kachel anklicken, wird das Modalfenster angezeigt. Dieses Fenster ist mit “Eigenschaften bearbeiten” betitelt, wie unten dargestellt. Von diesem Fenster aus können Sie den Titel, die Position und Größe, die Einheit und die Farbe der Kachel steuern. In der Praxis sind es die Position und die Farbe, die am praktischsten sind, um sie vom visuellen Editor aus anzupassen.

Wenn Sie mit Ihren Änderungen fertig sind, vergessen Sie nicht, sie zu speichern, indem Sie auf die Schaltfläche “Kacheleigenschaften speichern” klicken, die jetzt oben rechts im Fenster angezeigt wird.