Teil 2 Power-Page: Aufgabennotizen zum ausgewählten Datensatz ausgeben

In meinem letzten Blog-Artikel habe ich beschrieben, wie man die Notizen zu einer ausgewählten Aufgabe über ein Kombinationsfeld anzeigen kann. Wie du gesehen hast, wird die Notiz zwar angezeigt, aber die Formatierung sieht nicht besonders schön aus. Bei längeren Notizen verschwindet der Text im unteren Teil des Labels, und ich kann die Notiz nicht mehr bis zum Schluss lesen.

Dir stehen zwei Möglichkeiten zur Verfügung. Erstens kannst du den Überlauf anpassen. Dadurch wird bei langen Texten ein Scrollbalken eingeblendet, mit dem du die Nachricht bis zum Schluss scrollen kannst. Die zweite Möglichkeit ist, die Nachricht nach einer bestimmten Anzahl von Zeichen zu kürzen. Diese Variante habe ich favorisiert. In meiner Lösung hatte ich sogar die Anforderung, dass hinter der gekürzten Nachricht drei Punkte angezeigt werden sollen. Sollte keine Notiz hinterlegt sein, wird das Label mit der Information „Keine Notiz vorhanden“ gefüllt, und der Text wird in Rot dargestellt. In diesem Blog-Beitrag möchte ich dir zeigen, wie du beide Lösungen anwendest.

Überlauf ändern

Öffne zunächst erneut die Power-Page in der Project-Lösung wie in den vorherigen Teilen beschrieben. Melde dich auf make.powerapps.com an und klicke auf der linken Seite auf die Option „Lösungen“. Öffne die Lösung, in der du zuvor die Seite bereitgestellt hast, indem du auf den Namen der Lösung klickst. Wähle auf der linken Seite die Option „Objekte (1)„. Innerhalb des Objektbaums wähle die Option „Seiten (2)“ aus und klicke dann auf die entsprechende Seite (RFC-Antrag), um den App-Designer zu öffnen.

Klicke auf die Beschriftung (Label). Auf der rechten Seite findest du unter den Eigenschaften die Option „Überlauf“. Ändere diese von „Hidden“ auf „Scroll“. Klicke danach in der oberen rechten Ecke auf „Veröffentlichen“. Jetzt erhältst du die Möglichkeit, bei überlangen Notizen diese zu scrollen.

Überlauf von Hidden auf Scroll ändern

Best-Practices Anpassung

Die zweite Möglichkeit besteht darin, den Text nach einer bestimmten Anzahl von Zeichen abzuschneiden. Bei dieser Methode kann man gleichzeitig einige Anpassungen an der Textformatierung vornehmen. In meinem Beispiel werde ich den Text nach 350 Zeichen abschneiden. Danach möchte ich jedoch auch überprüfen, ob überhaupt eine Notiz hinterlegt ist oder nicht. Sollte dies der Fall sein, sollen hinter dem abgeschnittenen Text drei Punkte angehängt werden. Ist keine Notiz vorhanden, soll die Nachricht „Keine Notiz vorhanden!“ in roter Schrift erscheinen.

Hierzu erstellen wir zwei neue Variablen. In die erste Variable überprüfen wir, ob überhaupt eine Notiz hinterlegt ist. Sollte dies der Fall sein, schreiben wir drei Punkte in die Variable. Wenn keine Notiz eingetragen ist, schreiben wir den Text „Keine Notiz vorhanden“. Die zweite Variable ist eigentlich identisch mit der Ersten. Allerdings schreiben wir entsprechend der Prüfung die Farbe schwarz oder rot in die Variable.

Legen wir die erste Variable an. Klicke dazu auf das Kombinationsfeld aus meinem letzten Blog-Beitrag. Ändere die Eigenschaft auf OnChange.

Hinweis: Denke immer daran, dass du Variablen nur in den „On“-Eigenschaften erstellen kannst.

Gebe ein „Set(„ ein, und als Variablennamen „Notiz;“ ein. Jetzt fragen wir nach der Bedingung. Gib ein „If(„ und danach ein „IsBlank(„ ein, um zu prüfen, ob ein Wert vorhanden ist oder nicht. Danach werten wir die ausgewählte Aufgabe des Kombinationsfeldes aus. Gib den Namen deines Kombinationsfeldes, dann Selected und abschließend den Feldnamen, der ausgewertet werden soll, ein (RFCAuswahl.Selected.’Notizen – Textdatei‘). Jetzt können wir die Bedingungen hinzufügen. Sollte das Feld leer (blank()) sein, schreibe den Text „Keine Notizen vorhanden!“ in die Variable. Andernfalls setze die drei Punkte. Setze nach der Formel drei Semikolons und füge einen Zeilenumbruch ein. Jetzt kannst du die Formel kopieren, ersetze den Formelnamen mit dem Namen „NotizTextColor“ und die Bedingungen durch die gewünschten RGB-Farben. Dies kannst du mit dem Befehl „ColorValue(„#F52222“)“ für rot und „ColorValue(„#000000“)“ für schwarz erreichen. Die Ansicht sollte wie folgt aussehen (1).

Eingabe der Formel

Jetzt werden wir die Notizen kürzen und sie formatieren. Klicke auf die Beschriftung und wähle unter den Eigenschaften die Option „Text“. Als erstes kürzen wir den Text, das machen wir mit dem Befehl „Left“. Anschließend müssen wir die Formel mit der vorherigen Variable zusammenführen. Dies erledigen wir mit der Option „Concatenate“. Der Rest der Formel bleibt wie gehabt. Allerdings füge ich zum Schluss noch einmal die Anzahl der gewünschten Zeichen (350) hinzu und setze am Ende der Formel die erstellte Variable ein. Der Code sollte wie folgt aussehen.

Kürzen des Textes und anhängen der Variable

Jetzt müssen wir nur noch angeben, welche Textfarbe verwendet werden soll. Hierzu wechsle ich im oberen Bereich die Eigenschaft auf „Color (1)“ und setze dort die zuvor erstellte zweite Variable „NotizTextColor“ ein. Die Ansicht sollte wie folgt aussehen. Solltest du alle Eingaben gemacht haben, klicke auf „Veröffentlichen“ in der rechten oberen Ecke.

Variable für die Textfarbe eingeben

Ergebnis prüfen

Prüfen wir das Ergebnis. Öffne hierzu die Model-Driven-App „Project“ und wechsle in das Projekt-Center. Öffne ein gewünschtes Projekt, für das du den RFC erstellen möchtest, und klicke auf unseren erstellten Button.

Ansicht gekürzter Text

Sollte keine Notiz vorhanden sein, wird der Text „Keine Notiz vorhanden!“ in der Farbe Rot ausgegeben.

Ansicht – wenn keine Notiz forhanden

Solltest du Fragen zur Digitalisierung deiner Projektmanagementprozesse haben, sprich mich gerne an.