Kataloge mit flexibler Höhe

Flexible Kataloge in Power Apps – So erstellst du anpassbare Galerien

Mit Power Apps hast du die Möglichkeit, Kataloge mit flexibler Höhe zu erstellen. Diese Funktion erlaubt es dir, Galerien zu erstellen, in denen jeder Datensatz genau so viel Platz bekommt, wie er benötigt. Ich zeige dir Schritt für Schritt, wie du mit flexiblen Katalogen verschachtelte Galerien erstellst und Datensätze ein- oder ausklappen kannst.

Schritt 1: SharePoint Liste erstellen

Starte damit, eine Datengrundlage zu schaffen. In diesem Beispiel verwende ich eine SharePoint Liste mit Mitarbeitern, denen verschiedene Projekte zugeordnet werden und nenne diese Liste Mitarbeiterprojekte.

Schritt 2: Daten in Power Apps integrieren

Nun geht es daran, diese Daten in Power Apps darzustellen. Verwende dafür einen leeren Katalog mit flexibler Höhe. Dieses Steuerelement hat den Vorteil, dass sich die Höhe der Datensätze automatisch anpasst, je nachdem, wie viele Informationen enthalten sind. Füge entsprechende Beschriftungsfelder hinzu, um die Daten aus der SharePoint Liste darzustellen. Im ersten Schritt kannst du die Concat Funktion nutzen, um alle Projekte aus der Projektspalte darzustellen.

Beschriftungsfeld für die Projekte
Text = Concat(ThisItem.Projekte;Value;Char(13))

Schritt 3: Daten ein- und ausblenden

Um die Benutzerfreundlichkeit zu verbessern, kannst du eine Checkbox (Kontrollkästchen) hinzufügen, mit der Benutzer die Projekte ein- oder ausklappen können. Außerdem kannst du mit einem Symbol (Icon) arbeiten, das sich dynamisch ändert, je nachdem, ob ein Bereich gerade eingeklappt oder ausgeklappt ist.

Du kannst auch Buttons hinzufügen, mit denen alle Datensätze gleichzeitig ein- oder ausgeklappt werden können.

Beschriftungsfeld für die Projekte
Text = If(chk_Projekte.Value;Concat(ThisItem.Projekte;Value;Char(13));"Projekte...")

Icon
Icon = If(chk_Projekte.Value;Icon.Hide;Icon.View)

Button Alle ausklappen
OnSelect =
UpdateContext({varCheckbox:false});;
UpdateContext({varCheckbox:true})

Button Alle einklappen
OnSelect =
UpdateContext({varCheckbox:true});;
UpdateContext({varCheckbox:false})

Checkbox
Default = varCheckbox
CheckboxBackgroundFill + CheckboxBorderColor + CheckmarkFill
= Color.Transparent

Schritt 4: Verschachtelte Galerie erstellen

Eine leistungsfähige Funktion in Power Apps ist die Möglichkeit, Galerien in Galerien zu verschachteln. Damit kannst du die einzelnen Projekte eines Mitarbeiters in einer eigenen Galerie darstellen. Auch hier kannst du die Daten mithilfe der Checkbox und der Buttons ein- und ausblenden.

Gallery2
Items = If(chk_Projekte_1.Value;ThisItem.Projekte;{Value:"Projekte..."})

Die Erstellung von Katalogen mit flexibler Höhe in Power Apps eröffnet dir viele Möglichkeiten, deine Daten übersichtlich und benutzerfreundlich darzustellen. Durch die Kombination von verschachtelten Galerien und dynamischen Layouts kannst du umfangreiche Datensätze effizient organisieren und dem Benutzer ein interaktives Erlebnis bieten.

Ich hoffe dieses Tutorial hilft dir dabei, deine Business Apps benutzerfreundlicher und effizienter zu gestalten.

Melde dich gerne für meinen Newsletter an, in dem ich dir Tipps und Tricks rund um Power Apps & Power Automate zusende.

 Hier gehts zum Detailvideo: