Hast du schon mal versucht, in Power Apps eine Drag-and-Drop-Lösung zu bauen – ganz ohne fancy Komponenten oder Zusatz-Tools? Schau dir an, wie ChrisBenhamJohnson (u/Financial_Ad1152) genau das hinbekommen hat.
Warum Drag and Drop in Power Apps ein echter Gamechanger ist
Listen sortieren – eigentlich Alltag. Aber wer mal versucht hat, das mit Boardmitteln in Power Apps zu bauen, weiß: Die Plattform macht’s einem nicht gerade leicht.
Besonders dann, wenn du keinen Zugriff auf Power Apps Component Framework (PCF).
Chris’ Drag-and-Drop-Komponente: Simpel. Clever. Pastebar.
ChrisBenhamJohnson hat eine Komponente gebaut, die du einfach in deine App pasten kannst. Sie funktioniert ganz ohne PCF oder externe Abhängigkeiten.
Das Beste: Sie ist super leicht zu erweitern, falls du noch mehr Features brauchst.
Was kann die Komponente?
- Sortieren einer Liste per Drag and Drop
- Direktes visuelles Feedback beim Verschieben
- Einsetzbar in jeder Power App – einfach den YAML-Code kopieren
- Erweiterbar (z.B. Bilder, weitere Felder, horizontale Sortierung möglich)
Was brauchst du dafür?
- Eine Tabelle mit eindeutigen IDs (
Index) und Textwerten (Value) - Den Komponentencode (siehe Reddit oder in der internen Knowledgebase verlinkt)
- Etwas Experimentierfreude 😎
So funktioniert’s im Detail
Die Bedienung ist denkbar einfach. Trotzdem gibt’s ein paar Tücken (die meisten davon kennt jeder, der OOB-Lösungen in Power Apps baut):
Chris schreibt:
„Clicking without dragging can result in a 'stuck' state, which can be resolved by executing a drag and drop.
Hover states of the draggable items are not available.
A large list of items that results in a scroll could interfere with the drag functionality.”
Was heißt das konkret?
- Manchmal bleibt ein Element “hängen”. Einfach nochmal kurz ziehen – dann läuft’s wieder.
- Hover-States gibt’s (noch) nicht. Optisch ist also alles ziemlich basic.
- Lange Listen und Scrollen können die Bedienung stören. Hier ist noch etwas Feintuning nötig.
Das alles sind keine Showstopper. Für viele Use Cases reicht die Lösung schon jetzt locker aus. Wer mehr will, kann den Code einfach anpassen.
Einbau der Komponente: Schritt für Schritt
- YAML-Code aus dem Reddit-Post kopieren
- In deine Power App einfügen
- Tabelle mit Items (ID & Value) verbinden
- Testen, anpassen, happy sein
Du willst das Maximum rausholen? Passe die Komponente an deine eigenen Anforderungen an – zum Beispiel mit zusätzlichen Feldern, individuellen Designs oder eigenen Interaktionen.
Fazit: No PCF? Kein Problem!
Drag and Drop in Power Apps – und das ganz ohne PCF oder Fremd-Komponenten. Klingt nach einem Mini-Hack, ist aber eine echte Erleichterung für viele Entwickler und Citizen Developer.
Probier’s aus, teste die Grenzen – und gib Feedback an Chris!
German 
English