Freigeben über

Anpassen von Beispiel-App-Vorlagen

  • Artikel

In diesem Artikel erfahren Sie, wie Sie Muster-Vorlagen für Apps anpassen können. Sie müssen z.B. das Logo Ihrer Firma ändern, die Daten in den Muster-App-Vorlagen aktualisieren, um sie an Ihre Geschäftsanforderungen anzupassen, Steuerelemente auf den Bildschirmen hinzufügen oder entfernen, um die App zu erweitern.

Anforderungen

Installieren Sie eine App-Beispielvorlage. Mehr Details: Beispiel-App-Vorlagen verwenden in Microsoft Teams.

Hinweis

  • Die Abschnitte dieses Artikels verwenden eine der verfügbaren Muster-App-Vorlagen als Beispiel. Die Tabellen, Steuerelemente, Bildschirme und anderen Komponenten der Apps können je nach installierter App variieren. Gehen Sie beim Anpassen der von Ihnen ausgewählten App nach eigenem Ermessen vor.
  • Lesen Sie Aktualisierungen von Muster-App-Vorlagen, bevor Sie Muster-App-Vorlagen anpassen, um zu verstehen, wie sich neue Releases auf die Versionen der Muster-App-Vorlagen auswirken.

Öffnen Sie die Muster-App-Vorlagen in Power Apps Studio.

Um mit der Anpassung der Muster-App-Vorlagen zu beginnen, öffnen Sie als erstes die App in Power Apps Studio.

  1. Melden Sie sich in Teams an.

  2. Wählen Sie Weitere hinzugefügte Apps (Weitere hinzugefügte Apps) aus.

  3. Wählen Sie Power Apps aus.

    Power Apps-App auswählen

  4. Wählen Sie die Registerkarte Erstellen aus.

  5. Wählen Sie die Umgebung aus, in der Sie die Muster-App-Vorlage installiert haben.

  6. Wählen Sie Installierte Apps aus.

  7. Wählen Sie die Muster-App-Vorlage, die Sie installiert haben.

  8. Wenn Sie dazu aufgefordert werden, wählen Sie den Speicherort aus.

Weitere Informationen: Bearbeiten einer App in Power Apps Studio

Beispieldaten entfernen

Wenn Sie Muster-App-Vorlagen installieren, sind die Tabellen möglicherweise mit Beispieldaten vorbelegt. In der folgenden Tabelle finden Sie die Muster-App-Vorlagen und die Liste der Tabellen mit den zu entfernenden Beispieldaten:

So entfernen Sie Daten aus den Muster-App-Vorlagen:

  1. Öffnen Sie die Beispiel-App-Vorlage (zum Beispiel Inspektionen verwalten) in Power Apps Studio.

  2. Wählen Sie im linken Bereich Daten aus.

  3. Wählen Sie Daten – Auslassungspunkte neben dem Tabellennamen (z. B. Bereichsinspektionsaufgabe für Inspektionen verwalten App) aus.

  4. Wählen Sie Daten bearbeiten aus.

  5. Löschen Sie alle Zeilen mit Beispieldaten.

    Zeilen löschen

  6. Schließen Sie den visuellen Editor.

  7. Wiederholen Sie die vorherigen Schritte für die verbleibenden Tabellen.

Fügen Sie Ihr Logo zum Ladebildschirm hinzu

  1. Öffnen Sie die Beispiel-App-Vorlage (z.B. Inspektion) in Power Apps Studio.

  2. Wählen Sie im linken Bereich Strukturansicht aus.

  3. Wenn nicht bereits ausgewählt, wählen Sie Angebotsbildschirm aus.

  4. Wählen Sie Einfügen aus.

  5. Wählen Sie Bild-Steuerung in Medien aus.

    Hinzufügen eines Bilds

  6. Wählen Sie im Eigenschaftenbereich auf der rechten Seite das Bild-Dropdown und + Bilddatei hinzufügen aus.

    Bilddatei hinzufügen

  7. Wählen Sie ein Bild für Ihr Firmenlogo aus und wählen Sie dann Öffnen.

  8. Position und Größe der Bildsteuerung auf die gewünschte Position auf dem Ladebildschirm bringen.

    Unternehmenslogo

Ändern des Texts des Begrüßungsbildschirms

Hinweis

Im Text des Begrüßungsbildschirms der Inspektions-App wird eine Formel mit globalen Variablen verwendet, um die gewünschte Terminologie für Inspektionen und zu inspizierende Elemente korrekt anzuzeigen. Seien Sie vorsichtig, wenn Sie diese Formel ändern.

  1. Öffnen Sie die Beispiel-App-Vorlage (z.B. Inspektion) in Power Apps Studio.

  2. Wählen Sie das Textbeschriftungssteuerelement mit dem Begrüßungstext Wir helfen Ihnen gern aus.

    Die Formel für den Begrüßungstext hat folgendes Format:

    "Glad to have you here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
Left(
    Lower(areaLabel),
    1
),
"a",
" an ",
"e",
" an ",
"i",
" an ",
"o",
" an ",
"u",
" an ",
" a "
) & Lower(areaLabel)

  3. Wählen Sie die Bearbeitungsleiste aus.

  4. Wählen Sie die Phrase Wir helfen Ihnen gern aus.

  5. Aktualisieren Sie den Begrüßungstext beispielsweise in Schön, dass Sie da sind.

    "We are happy that you are here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
Left(
    Lower(areaLabel),
    1
),
"a",
" an ",
"e",
" an ",
"i",
" an ",
"o",
" an ",
"u",
" an ",
" a "
) & Lower(areaLabel)

    Begrüßungstext in Formel aktualisieren

Ändern der Hintergrundfarbe des Bildschirms.

Hinweis

Die Inspektions-App nutzt globale Motivvariablen, um eine konsistente Benutzererfahrung zu gewährleisten. Wenn Sie eine Bildschirmfüllung ändern, verwendet der geänderte Bildschirm nicht mehr das Standard-App-Design.

  1. Öffnen Sie die Beispiel-App-Vorlage (z.B. Inspektion) in Power Apps Studio.

  2. Wählen Sie im linken Bereich Strukturansicht aus.

  3. Wählen Sie aus der Strukturansicht Willkommensbildschirm aus.

  4. Wählen Sie aus der Eigenschaftenliste auf der linken Seite Ausfüllen aus.

  5. Ersetzen Sie in der Bearbeitungsleiste die Formel durch die gewünschte Farbe.

    Die Farbe für den Hintergrund wird auf die ausgewählte Hintergrundfarbe gesetzt.

    Hintergrundfarbe ändern

Massenbearbeitung von Daten

Wenn Sie die Daten in der App schnell bearbeiten möchten, können Sie die Tabelle öffnen und Daten ändern oder löschen.

Achtung

Die Muster-App-Vorlagen verwenden mehrere verwandte Tabellen, z.B. Flächeninspektionsorte und Flächeninspektionsorttypen für die App Inspektion. Seien Sie vorsichtig, wenn Sie Datensätze aus den Tabellen löschen, ohne die Datenbeziehung und -abhängigkeiten zu überprüfen.

  1. Öffnen Sie die Beispiel-App-Vorlage (z.B. Inspektion) in Power Apps Studio.

  2. Wählen Sie im linken Bereich Daten aus.

  3. Wählen Sie Daten – Auslassungspunkte Tabelleneben dem Tabellennamen (z. B. Bereichsinspektion-Standorttypen für Inspektions-App) aus.

  4. Wählen Sie die Zelle im visuellen Editor aus, beispielsweise Essen in der Spalte Name.

  5. Ersetzen Sie den Text durch den gewünschten Wert.

  6. Schließen Sie den visuellen Editor.

    Die Daten in der App sollten den aktualisierten Wert widerspiegeln, z. B. den Ortsnamen in diesem Beispiel.

    Massenbearbeitung von Daten

Eine Spalte zur App hinzufügen

Wichtig

Die Anpassungsschritte für die Inspektions-App in diesem Abschnitt behandeln einige der erweiterten Konfigurationsoptionen. Für dieses Beispiel müssen Sie mit Power Apps Studio mit dem Modifizieren von Formeln und mit dem Arbeiten mit Steuerelementen wie Container vertraut sein.

Stellen Sie sich ein Szenario vor, in dem Sie mehrere Stores haben. Sie möchten Standorte und Inspektionen mit bestimmten Stores verknüpfen.

Spalte für den Store-Namenstext zur Standorttabelle hinzufügen

  1. Öffnen Sie die App Inspektionen verwalten in Power Apps Studio.

  2. Wählen Sie im linken Bereich Daten aus.

  3. Wählen Sie Daten – Auslassungspunkte neben dem Tabellennamen (z. B. Bereichsinspektionstandorte für Inspektionen verwalten App) aus.

  4. Wählen Sie Spalte hinzufügen aus.

  5. Geben Sie Name als „Store-Name“ ein.

  6. Wählen Sie Erstellen aus.

  7. Schließen Sie den visuellen Editor.

    Spalte Store-Name hinzufügen

Spalte für den Store-Namen zum Standortformular hinzufügen

  1. Wählen Sie den Standortbildschirm aus.

    Tipp

    Sie können den Fehler zur Verwendung der Vorschau-Connector in dieser App ignorieren.

  2. Suchen Sie in der Strukturansicht nach btnArea_GroupedAreas.

  3. Ziehen Sie unter Gruppierte Bereiche im Formular die linke Kante so, dass sie parallel zum Feld Titel ist.

    Hinweis

    Das Feldsteuerelement „Gruppierte Bereiche“ befindet sich in einem Container. Daher wird der ausgewählte Bereich möglicherweise an einem anderen Teil des Bildschirms angezeigt als dort, wo Sie die Spalte sehen. Durch Ziehen des ausgewählten Bereichs wird die Größe der Spalte geändert.

  4. Wählen Sie im linken Bereich Einfügen aus.

  5. Wählen Sie das Beschriftung-Steuerelement aus.

  6. Positionieren Sie die Beschriftung so, dass sie horizontal zu Gruppierte Bereiche und vertikal zu Bereichstyp ist.

    Position der Beschriftungsteuerelements

  7. Wählen Sie aus der Eigenschaftenliste auf der linken Seite Text aus.

  8. Wählen Sie die Bearbeitungsleiste aus.

  9. Ändern Sie die Formel in Store-Name.

  10. Wählen Sie im linken Bereich Einfügen aus.

  11. Wählen Sie das Textfeld-Steuerelement aus.

  12. Verschieben Sie das Textfeldsteuerelement so, dass es horizontal zu Gruppierte Bereiche und vertikal zu Bereichstyp ist.

  13. Wählen Sie aus der Eigenschaftenliste auf der linken Seite Wert aus.

  14. Ersetzen Sie in der Bearbeitungsleiste den aktuellen Wert durch gblLocation.'Store Name'

  15. Wählen Sie aus der Eigenschaftenliste auf der linken Seite ColorBackground aus.

  16. Geben Sie in die Bearbeitungsleiste „Weiß“ ein.

    ColorBackground-Eigenschaft

  17. Wählen Sie aus der Eigenschaftenliste auf der linken Seite Anzeigemodus aus.

  18. Geben Sie in die Bearbeitungsleiste „Bearbeiten“ ein, falls nicht bereits vorhanden.

  19. Halten Sie die ALT-Taste auf der Tastatur gedrückt und wählen Sie Bearbeiten aus.

    Bearbeiten mit gedrückter ALT-Taste

  20. Wählen Sie im linken Bereich Strukturansicht aus.

  21. Suchen Sie nach btnAreaDetails_Save und wählen Sie das zurückgegebene Steuerelement aus.

  22. Erweitern Sie die Bearbeitungsleiste.

  23. Fügen Sie am Ende der 17. Zeile ein Komma und diese Formel hinzu:

    'Store Name':Microsoft_CoreControls_TextBox1.Value

    Dieser Teil der Formel sollte jetzt wie in der folgenden Abbildung aussehen:

    {
    msft_name: txtArea_EditTitle.Text,
    'Location Type': cmbAreaDetails_AreaType.Selected,
    'Primary Image': picArea_UploadedImage.Image, 'Store Name':Microsoft_CoreControls_TextBox1.Value
}

    Hinweis

    Wenn in der aktualisierten Formel ein Fehler angezeigt wird, überprüfen Sie den Textfeldnamen für den Store-Namen. Zum Beispiel kann es je nach Änderungen Microsoft_CoreControls_TextBox2 anstatt Microsoft_CoreControls_TextBox1 sein.

  24. Wählen Sie das in Schritt 5 hinzugefügte Beschriftungssteuerelement aus.

  25. Wählen Sie aus der Eigenschaftenliste auf der linken Seite Y aus.

  26. Wählen Sie die Bearbeitungsleiste aus.

  27. Ändern Sie die Formel in:

    If(gblEditLocation,250,200)

  28. Wählen Sie das in Schritt 11 hinzugefügte Textfeld aus.

  29. Wählen Sie aus der Eigenschaftenliste auf der linken Seite Y aus.

  30. Wählen Sie die Bearbeitungsleiste aus.

  31. Ändern Sie die Formel in:

    If(gblEditLocation,282,232)

  32. Halten Sie die STRG-Taste auf Ihrer Tastatur gedrückt und wählen Sie sowohl die Beschriftung des Store-Namens als auch das Textfeld aus.

  33. Wählen Sie aus der Eigenschaftenliste auf der linken Seite die Visible-Eigenschaft aus.

  34. Wählen Sie die Bearbeitungsleiste aus.

  35. Ändern Sie die Formel in:

    If(gblViewInspection, false, true)

    Positionsänderungen mit Eigenschaft Y

Veröffentlichen von App-Updates in Teams

So speichern und veröffentlichen Sie die Änderungen der Beispiel-App:

  1. Wählen Sie oben rechts Speichern aus.

  2. Wählen Sie In Teams veröffentlichen aus.

  3. Klicken Sie auf Weiter.

  4. Wählen Sie Speichern und schließen aus, um die aktualisierte Version einer App auf einer vorhandenen aktiven Registerkarte zu veröffentlichen.
    Wählen Sie, um eine veröffentlichte Version einer App zu einer neuen Registerkarte in einem anderen Kanal hinzuzufügen Registerkate hinzufügen (Registerkarte hinzufügen) für den gewünschten Kanal und dann Speichern und schließen aus.

Weitere Informationen: Eine App in Teams veröffentlichen und hinzufügen

Hinweis

Können Sie uns Ihre Präferenzen für die Dokumentationssprache mitteilen? Nehmen Sie an einer kurzen Umfrage teil. (Beachten Sie, dass diese Umfrage auf Englisch ist.)

Die Umfrage dauert etwa sieben Minuten. Es werden keine personenbezogenen Daten erhoben. (Datenschutzbestimmungen).