Självstudie: Anpassa ett galleri i PowerAppsTutorial: Customize a gallery in PowerApps

I den här självstudiekursen anpassar du en lista över poster, ett så kallat galleri, och gör andra ändringar i en app som har genererats automatiskt i Microsoft PowerApps.In this tutorial, you'll customize a list of records, called a gallery, and make other changes in an app that was generated automatically in Microsoft PowerApps. Användarna kan hantera data i appen även om du inte gör dessa ändringar, men appen blir enklare att använda om du anpassar den efter organisationens behov.Users can manage data in the app even if you don't make these changes, but the app will be easier to use if you customize it for your organization's needs.

Galleriet för den här självstudiekursen matchar till exempel den här bilden som standard.For example, the gallery for this tutorial matches this graphic by default. E-postadressen visas mer tydligt än andra typer av data och användare kan sortera och filtrera i galleriet utifrån texten i adressen:The email address is featured more prominently than other types of data, and users can sort and filter the gallery based on text in that address:

Standardgalleri

Men användarna kanske är mer intresserade av kontonamnet än e-postadressen, så du kan konfigurera om galleriet för att lyfta fram sortering och filtrering baserat på data som är viktiga för din organisation.However, your users might be more interested in the account name more than the email address, so you'll reconfigure the gallery to highlight, sort, and filter based on the key data for your organization. Dessutom kan du ändra titeln på standardskärmen för att särskilja den från andra skärmar i appen.In addition, you'll change the title of the default screen to differentiate it from the other screens in the app.

Slutgalleri

Du kan även lägga till en rullningslist så att användare som inte har pekskärmar eller mushjul kan bläddra i hela galleriet.You'll also add a scroll bar so that users who don't have touch screens or mouse wheels can browse the entire gallery.

  • Ändra galleriets layoutChange the layout of the gallery
  • Ändra den typ av data som visas i gallerietChange the type of data that appears in the gallery
  • Ändra de kolumner med vilka användarna kan sortera och söka efter dataChange the columns by which users can sort and search the data
  • Ändra skärmrubrikenChange the screen title
  • Visa en rullningslistShow a scroll bar

Den här självstudien startar med en app som har genererats från en specifik datakälla.This tutorial starts with an app that was generated from a specific data source. Samma koncept gäller dock för alla appar som du skapar i PowerApps, oavsett om det är från en SharePoint-lista, en Excel-tabell eller någon annan datakälla.However, the same concepts apply to any app that you generate in PowerApps, whether from a SharePoint list, an Excel table, or some other data source.

Om du inte har registrerat dig för PowerApps kan du registrera dig kostnadsfritt innan du börjar.If you're not signed up for PowerApps, sign up for free before you start.

FörutsättningarPrerequisites

Generera en app från den konton entitet i Common Data Service.Generate an app from the Accounts entity of Common Data Service.

Öppna den genererade appenOpen the generated app

  1. Logga in på PowerApps och välj sedan Appar nära den vänstra kanten.Sign in to PowerApps, and then select Apps near the left edge.

  2. Leta reda på den app som du genererade, välj dess ellips (... ) och välj sedan Redigera.Find the app that you generated, select the ellipsis icon (...) for it, and then select Edit.

    Öppna app för redigering

  3. Om dialogrutan Välkommen till PowerApps Studio visas väljer du Hoppa över.If the Welcome to PowerApps Studio dialog box appears, select Skip.

Ändra layoutenChange the layout

  1. Välj BrowseGallery1 i det vänstra navigeringsfönstret.In the left navigation pane, select BrowseGallery1.

    När du har valt galleriet visas en markeringsruta med handtag.When the gallery is selected, a selection box with handles surrounds it.

    Välj galleri

  2. På den egenskaper fliken i den högra rutan, öppnar du listan med alternativ under Layout, och välj sedan det alternativ som bara visar rubriken.On the Properties tab of the right-hand pane, open the list of options under Layout, and then select the option that shows only a title.

    Välja endast rubrik-layout

  3. Bredvid fältväljer redigera, och därefter på nedåtpilen för rutan rubrik.Next to Fields, select Edit, and then select the down arrow for the title box.

    Namnet på den här kontrollen avslutas med ett numeriskt värde, t. ex. Rubrik1, men siffran kan variera beroende på andra åtgärder som du har vidtagit.The name of this control will end in a numeral, such as Title1, but the numeral might differ based on other actions you might have taken.

  4. Välj i listan över alternativ, kontonamn, och stäng sedan den Data fönstret.In the list of options, select Account name, and then close the Data pane.

    Galleriet visar namnet på varje konto.The gallery shows the name of each account.

    Slutgalleri

Ändra kolumner som du vill sortera och söka iChange sort and search columns

  1. Välj det galleri som beskrivs i det föregående avsnittet.Select the gallery as the previous section describes.

    Välj galleri

  2. Bekräfta att egenskapslistan visar Objekt i det övre vänstra hörnet.Near the upper-left corner, confirm that the property list shows Items.

    Objektegenskap

    Värdet för den här egenskapen visas i formelfältet.The value of this property appears in the formula bar. Du konfigurerar den här egenskapen för att ange inte bara galleriets datakälla utan även de kolumner som efter vilka användarna kan sortera och söka efter data.You set this property to specify not only the data source for the gallery but also the columns by which users can sort and search the data.

  3. Kopiera den här formeln och klistra sedan in den i formelfältet.Copy this formula, and then paste it in the formula bar.

    SortByColumns(Search(Accounts; TextSearchBox1.Text; "name"); "name"; If(SortDescending1; Descending; Ascending))

    Med den här formeln kan du se till att:By using this formula, you ensure that:

    • Om en användare skriver ett eller flera tecken i sökfältet visar galleriet bara de kontonamn som innehåller den text som användaren har skrivit.If a user types one or more characters in the search bar, the gallery shows only those account names that contain the text that the user typed.
    • Om en användare väljer sorteringsikonen sorteras galleriet alfabetiskt efter kontonamn i stigande eller fallande ordning, beroende på hur många gånger användaren väljer ikonen.If a user selects the sort icon, the gallery is sorted alphabetically by account name in either ascending or descending order, depending on how many times the user selects the icon.

    Mer information om dessa och andra funktioner finns i formelreferensen.For more information about these and other functions, see the formula reference.

Testa sortering och sökningTest sorting and searching

  1. Öppna förhandsgranskningsläget genom att trycka på F5 (eller genom att trycka på uppspelningsknappen nära det övre högra hörnet).Open Preview mode by pressing F5 (or by selecting the play button near the upper-right corner).

    Öppna förhandsgranskningsläget

  2. Ändra den alfabetiska sorteringsordningen mellan stigande och fallande genom att välja sorteringsikonen en eller flera gånger i bläddringsskärmens övre högra hörn.Near the upper-right corner of the browse screen, select the sort icon one or more times to change the alphabetical sort order between ascending and descending.

    Testa sorteringsikonen

  3. Visa bara de kontonamn som innehåller t.ex. bokstaven ”k” genom att skriva k i sökrutan.In the search box, type k to show only those account names that contain the letter that you typed.

    Testa sökfältet

  4. Ta bort all text från sökfältet och stäng sedan förhandsgranskningsläget genom att trycka på Esc (eller genom att välja stängningsikonen nära det övre högra hörnet).Remove all text from the search bar, and then close Preview mode by pressing Esc (or by selecting the close icon near the upper-right corner).

Ändra skärmrubrikenChange the screen title

  1. Välj skärmens titel genom att klicka eller trycka på den.Select the title of the screen by clicking or tapping it.

    Välj titel för skärmen

  2. Se till att egenskapslistan visar Text och ersätt sedan Konton med Bläddra (fortfarande omgivet av dubbla citattecken) i formelfältet.Ensure that the property list shows Text and then, in the formula bar, replace Accounts with Browse (retaining the double quotation marks).

    Uppdatera skärmens titel

    Skärmen återspeglar ändringen.The screen reflects your change.

    Ny titel för skärmen

Visa en rullningslistShow a scrollbar

Om dina användare saknar både pekskärmar och mushjul kan du konfigurera galleriet så att en rullningslist visas när användaren håller muspekaren över den.If your users might have neither touch screens nor mouse wheels, configure the gallery to show a scrollbar when the user hovers over it with the mouse. På så sätt kan användarna visa alla konton även om skärmen inte kan visa dem på samma gång.That way, users can show all accounts even if the screen can't show them all at once.

  1. Välj galleriet så som det beskrivs i den första proceduren.Select the gallery as the first procedure describes.

    Välj galleri

  2. Ställ in galleriets Visa rullningslist egenskap SANT.Set the gallery's Show scrollbar property to true.

Nästa stegNext steps

I den här självstudiekursen har du anpassat galleriet och gjort andra ändringar av standardskärmen för att söka efter poster i en genererad app.In this tutorial, you've customized the gallery and made other changes to the default screen for browsing records in a generated app. Du kan också anpassa standardskärmarna för att visa information och skapa eller uppdatera konton.You can also customize the default screens for displaying details and creating or updating accounts. Eftersom bläddringsskärmen innehåller ett galleri så innehåller de två övriga skärmarna i appen formulär.As the browse screen contains a gallery, the other two screens in the app contain forms. Du kan t.ex. ändra vilka typer av data formulären visar och i vilken ordning de visas.You can change, for example, which types of data the forms show and in which order.