Drag & Drop

Drag & Drop in Power Apps integrieren und damit benutzerfreundliche Apps entwickeln

Ich zeige dir, wie du deine Apps mit der Drag & Drop Funktion aufwerten kannst und die Benutzerfreundlichkeit deiner Apps verbesserst.

Warum Drag & Drop in Power Apps verwenden?

Drag & Drop ist eine äußerst intuitive Möglichkeit, um Elemente in einer Benutzeroberfläche zu verschieben und Aktionen auszulösen. Dadurch können BenutzerInnen Inhalte organisch anordnen, was die Benutzerfreundlichkeit und Effizienz der App erheblich steigert. So kannst du deine maßgeschneiderten Apps umsetzen.

Schritt-für-Schritt-Anleitung: Power Apps Drag & Drop

Schritt 1: Herunterladen der Drag & Drop Komponente

Drag & Drop ist aktuell noch keine Standard Funktion von Power Apps. Scott Durow hat jedoch eine umfassende Komponente entwickelt, die er auf seiner Github Seite kostenlos zur Verfügung stellt.
Hier geht’s zur Drag & Drop Komponente von Scott Durow.

Herzlichen Dank an dieser Stelle.

Um Drag & Drop in Power Apps verwenden zu können, musst du dir diese Komponente zuerst herunterladen.

Schritt 2: Importieren der Komponente in PowerApps

Auf deiner Power Apps Startseite musst du jetzt die heruntergeladene Komponente als Lösung importieren.

(1) Navigiere auf der Power Apps Startseite zu Lösungen.

(2) Wähle Lösung importieren aus.

(3) Klicke auf Durchsuchen, um nach der heruntergeladenen Lösung zu suchen.

(4) Wähle die heruntergeladene Lösung aus um diese zu importieren.

Schritt 3: Konfigurieren der Berechtigungen

Stelle sicher, dass PowerApps die Nutzung von Fremdcode erlaubt, um die Drag & Drop-Komponente ordnungsgemäß verwenden zu können.

Gehe dazu in das Power Apps Admin Center und wähle die Umgebung aus, für die du die Berechtigung konfigurieren möchtest.

In den Einstellungen dazu findest du den Punkt Produkt und darin die Funktionen.

Im geöffneten Funktionen Fenster findest du den Punkt „Power Apps component framework für Canvas-Apps“.
Hier musst du den Schieberegler auf Ein stellen, sodass Fremdcode zugelassen wird.

Schritt 4: Integration in deine App

Erstelle eine neue Canvas-App in Power Apps und füge die Drag & Drop Komponente aus deinen importierten Lösungen hinzu.

Schritt 5: Anpassung der Einstellungen

Konfiguriere die Drag & Drop Komponente entsprechend deiner Anforderungen, indem du die Zone- und ID- Spalten festlegst und die erforderlichen Aktionen definierst.

Schritt 6: Informationen aus Drag & Drop Komponente auslesen

Du kannst die Funktionalität deiner App zusätzlich erweitern, indem du die Informationen aus dem Drag & Drop Element ausliest und weiter verarbeitest.

Viel Erfolg und Freude bei der Umsetzung.

Ich hoffe dieses Tutorial hilft dir dabei, deine Apps benutzerfreundlicher 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: