Tilpass eksempelapper som er installert fra Teams-butikk

I denne artikkelen lærer du om tilpassing av eksempelapper som er installert fra Teams-butikken. Det kan for eksempel hende at du må endre firmalogoen, oppdatere dataene i eksempelappene slik at de passer til forretningsbehovene, legge til eller fjerne kontroller på skjermene for å utvide appen.

Forutsetninger

Før du bruker denne appen:

  1. Finn appen i Microsoft Teams-butikken.
  2. Installer appen.
  3. Konfigurer appen for første bruk.

Hvis du vil ha mer informasjon om fremgangsmåten ovenfor, kan du gå til Bruke eksempelapper fra Teams-butikken.

Obs!

Deler av denne artikkelen bruker en av de tilgjengelige eksempelappene fra Teams-butikken som et eksempel. Tabeller, kontroller, skjermer og andre komponenter i appen kan variere avhengig av appen du installerte. Bruk skjønn når du tilpasser appen du velger.

Åpne eksempelappen i Power Apps Studio

Det første trinnet er å åpne appen i Power Apps Studio for å begynne å tilpasse eksempelappene.

  1. Logg på Teams.

  2. Velg Flere apper som er lagt til (Flere apper som er lagt til).

  3. Velg Power Apps.

    Velg Power Apps-app

  4. Velg Bygg-fane.

  5. Velg teammiljøet der du installerte eksempelappen.

  6. Velg Installerte apper.

  7. Velg eksempelappen du installerte.

  8. Velg plassering hvis du blir bedt om det.

Mer informasjon: Redigere en app i Power Apps Studio

Fjern eksempeldata

Når du installerer eksempelapper, er tabellene forhåndsutfylt med eksempeldata. Tabellen nedenfor viser en liste over eksempelappene og listen over tabeller med eksempeldataene som skal fjernes:

Eksempelapp Tabeller
Ideer fra ansatte Trinn for områdeinspeksjoner
Områdeinspeksjoner
Sjekklistetrinn for områdeinspeksjon
Sjekklister for områdeinspeksjon
Steder for områdeinspeksjon
Plasseringstyper for områdeinspeksjon
Grupper for områdeinspeksjon
Oppgave for områdeinspeksjon
Inspeksjon Ideer fra ansatte
Kampanjer for ide fra ansatt
Filer for ide fra ansatt
Spørsmål for ide fra ansatt
Svar for ide fra ansatt
Problemrapportering Problemrapporter
Spørsmål om problemrapport
Mal for problemrapport
Kategorier for problemrapport

Fjerne data fra eksempelappene:

  1. Åpne eksempelappen (for eksempel Behandle inspeksjoner) i Power Apps Studio.

  2. Velg Data i den venstre ruten.

  3. Velg Data – ellipse ved siden av tabellnavnet (for eksempel Oppgave for områdeinspeksjon for Behandle inspeksjoner-apper).

  4. Velg Rediger data.

  5. Slett alle rader som inneholder eksempeldata.

    Slett rader

  6. Lukk det visuelle redigeringsprogrammet.

  7. Gjenta de forrige trinnene for de gjenstående tabellene.

Legge til logoen på skjermbildet for lasting

  1. Åpne eksempelappen (for eksempel Inspeksjon) i Power Apps Studio.

  2. Velg Trevisning fra venstre rute.

  3. Hvis den ikke allerede er valgt, velger du Målskjermbilde.

  4. Velg Sett inn.

  5. Velg Bilde-kontroll i Media.

    Legge til bilde

  6. Velg Bilde-rullegardinlisten i egenskapsruten til høyre, og velg deretter + Legg til en bildefil.

    Legg til bildefil

  7. Velg bilde for firmalogoen, og velg deretter Åpne.

  8. Plasser og skaler bildekontroll på plasseringen du vil ha på skjermbildet for innlasting.

    Firmalogo

Endre tekst for velkomstbilde

Obs!

Teksten på velkomstskjermen til Inspeksjon-appen bruker en formel som inneholder globale variabler, for å vise den ønskede terminologien for inspeksjoner og elementer som blir undersøkt. Vær forsiktig når du endrer denne formelen.

  1. Åpne eksempelappen (for eksempel Inspeksjon) i Power Apps Studio.

  2. Velg tekstetikettkontrollen med velkomstteksten Glad for å ha deg her.

    Formelen for velkomstteksten er i dette formatet:

    "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. Velg formellinjen.

  4. Velg uttrykket Glad for å ha deg her.

  5. Oppdater velkomstteksten, for eksempel Vi er glade for at du er her.

    "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)
    

    Oppdatere velkomsttekst i formel

Endre bakgrunnsfargen på skjermen

Obs!

Inspeksjon-appen benytter globale temavariabler for å sikre ensartet brukeropplevelse. Hvis du endrer et skjermfyll, vil ikke den endrede skjermen lenger bruke standard apptema.

  1. Åpne eksempelappen (for eksempel Inspeksjon) i Power Apps Studio.

  2. Velg Trevisning fra venstre rute.

  3. Velg Velkomstskjerm fra Trevisning.

  4. Velg Fyll fra egenskapslisten øverst til venstre.

  5. I formellinjen erstatter du formelen med fargen du vil ha.

    Fyllfarge for skjermbakgrunn blir angitt til den valgte bakgrunnsfargen.

    Endre bakgrunnsfarge

Masseredigere data

Hvis du vil redigere dataene i appen raskt, kan du åpne tabellen og endre eller slette data.

Forsiktig

Eksempelapper bruker flere relaterte tabeller, for eksempel Steder for områdeinspeksjon og Plasseringstyper for områdeinspeksjon for Inspeksjon-appen. Vær forsiktig når du sletter oppføringer fra tabeller uten å kontrollere datarelasjoner og avhengigheter.

  1. Åpne eksempelappen (for eksempel Inspeksjon) i Power Apps Studio.

  2. Velg Data i den venstre ruten.

  3. Velg Data – ellipse ved siden av tabellnavnet (for eksempel Plasseringstyper for områdeinspeksjon for Inspeksjon-appen).

  4. Merk cellen i det visuelle redigeringsprogrammet, for eksempel Mat i Navn-kolonnen.

  5. Erstatt teksten med verdien du ønsker.

  6. Lukk det visuelle redigeringsprogrammet.

    Data i appen skal gjenspeile den oppdaterte verdien, for eksempel stedsnavnet i dette eksemplet.

    Masseredigere data

Legge til en kolonne i appen

Viktig

Tilpasningstrinn for Inspeksjon-appen i denne delen dekker noen av de avanserte konfigurasjonsalternativene. Dette eksemplet forutsetter at du har kjennskap til Power Apps Studio, er komfortabel med å endre formler og arbeide med kontroller, for eksempel beholdere.

Vurder et scenario der du har flere butikker, og du vil knytte steder og inspeksjoner til bestemte butikker.

Legg til Butikknavn-tekstkolonne i Plassering-tabellen

  1. Åpne Behandle inspeksjoner-appen i Power Apps Studio.

  2. Velg Data i den venstre ruten.

  3. Velg Data – ellipse ved siden av tabellnavnet (for eksempel Plasseringer for områdeinspeksjon for Behandle inspeksjoner-apper).

  4. Velg Legg til kolonne.

  5. Angi Navn som Butikknavn.

  6. Velg Opprett.

  7. Lukk det visuelle redigeringsprogrammet.

    Legg til Butikknavn-kolonne

Legg til Butikknavn-kolonne i plasseringsskjemaet

  1. Velg Plasseringer-skjermbildet.

    Tips

    Du kan ignorere feilen om bruken av forhåndsvisningskoblingene i denne appen.

  2. Søk etter btnArea_GroupedAreas i Trevisning.

  3. I Grupperte områder i skjemaet drar du venstre kant slik at den blir parallell med kanten av Tittel-feltet.

    Obs!

    Grupperte områder-feltkontrollen er i en beholder. Det valgte området kan derfor vises på en annen del av skjermen enn der du ser kolonnen. Når du drar det valgte området, endres størrelsen på kolonnen.

  4. Velg Sett inn i den venstre ruten.

  5. Velg Etikett-kontroll.

  6. Plasser etiketten slik at den justeres vannrett med grupperte områder, og loddrett med områdetypen.

    Plassering av etikettkontroll

  7. Velg Tekst fra egenskapslisten øverst til venstre.

  8. Velg formellinjen.

  9. Endre formelen til Butikknavn.

  10. Velg Sett inn i den venstre ruten.

  11. Velg Tekstbokskontroll.

  12. Dra tekstbokskontrollen slik at den justeres vannrett med gruppert område og loddrett med områdetype.

  13. Velg Verdi fra egenskapslisten øverst til venstre.

  14. På formellinjen erstatter du den gjeldende verdien med gblLocation.'Store Name'

  15. Velg ColorBackground fra egenskapslisten øverst til venstre.

  16. Angi Hvit på formellinjen.

    ColorBackground-egenskapen

  17. Velg Visningsmodus fra egenskapslisten øverst til venstre.

  18. På formellinjen skriver du inn Rediger hvis det ikke allerede finnes.

  19. Hold Alt-tasten på tastaturet, og velg Rediger.

    Rediger med alt-tasten trykket

  20. Velg Trevisning fra venstre rute.

  21. Søk etter btnAreaDetails_Save og velg den returnerte kontrollen.

  22. Vis formellinjen.

  23. Legg til komma og denne formelen på slutten av den 17. linjen:

    'Store Name':Microsoft_CoreControls_TextBox1.Value
    

    Denne delen av formelen skal nå se ut som den nedenfor:

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

    Obs!

    Hvis den oppdaterte formelen viser feil, må du kontrollere navnet på tekstboksen for butikknavnet. Det kan for eksempel være Microsoft_CoreControls_TextBox2 i stedet for Microsoft_CoreControls_TextBox1, avhengig av endringene som er gjort.

  24. Velg etikettkontrollen som er lagt til i trinn 5.

  25. Velg Y-egenskapen fra egenskapslisten øverst til venstre.

  26. Velg formellinjen.

  27. Endre formelen til:

    If(gblEditLocation,250,200)
    
  28. Velg tekstboks lagt til i trinn 11.

  29. Velg Y-egenskapen fra egenskapslisten øverst til venstre.

  30. Velg formellinjen.

  31. Endre formelen til:

    If(gblEditLocation,282,232)
    
  32. Hold CTRL-tasten på tastaturet, og velg både etiketten for butikknavn og tekstboksen.

  33. Velg Synlig-egenskapen fra egenskapslisten øverst til venstre.

  34. Velg formellinjen.

  35. Endre formelen til:

    If(gblViewInspection, false, true)
    

    Posisjonsendringer med egenskap Y

Publisere appoppdateringer i Teams

Lagre og publisere endringene i eksempelappen:

  1. Velg Lagre fra øverst til høyre.

  2. Velg Publiser i Teams

  3. Velg Neste.

  4. Hvis du vil publisere en oppdatert versjon av en app til en eksisterende aktiv fane, velger du Lagre + lukk.
    Hvis du vil legge til publisert versjon av en app i en ny fane i en annen kanal, velger du Legg til en fane (Legg til en fane) for kanalen du ønsker, og deretter velger du Lagre + lukk.

Mer informasjon: Publisere og legge til en app i Teams

Se også

Ideer fra ansatte- og Behandle kampanjer-eksempelapper
Inspeksjon-eksempelapper
Problemrapportering-eksempelapper