Om olika objekt i datauppsättningen innehåller olika mängder data i samma fält, kan du visa objekt som innehåller mer data utan att lägga till ett tomt utrymme efter objekt som innehåller mindre data. Lägg till och konfigurera en gallerikontroll för Flexibel höjd så att du kan:

  • Konfigurera etiketter för att öka eller minska baserat på deras innehåll.
  • Placera varje kontroll så att den automatiskt visas under kontrollen som ligger ovanför.

I den här självstudien visas data om golvläggningsprodukter i en gallerikontroll för Flexibel höjd. Bilden av varje produkt visas 5 bildpunkter under översikten, oavsett om den innehåller fem rader eller två rader med text.

Appen är klar

Förslag på läsning

Om du aldrig har lagt till kontroller i ett galleri, följer du stegen i Visa en lista med objekt innan du fortsätter i det här avsnittet.

Lägga till data i en tom app

  1. Hämta den här Excel-filen som innehåller namn, översikter och länkar till bilder av golvläggningsprodukter.

    Golvläggningsprodukter

  2. Ladda upp Excel-filen till ett molnlagringskonto, till exempel OneDrive, Dropbox eller Google Drive.

  3. I PowerApps Studio klickar eller trycker du på Nytt i menyn Arkiv.

  4. På panelen Tom app klickar du på eller trycker på Layout för mobil.

    Nytt alternativ på menyn Arkiv

  5. Lägg till en anslutning till tabellen FlooringEstimates i Excel-filen.

    Du hittar mer information i Lägg till en anslutning.

Lägg till data i ett galleri

  1. Klicka eller tryck på Galleri på fliken Infoga och klicka eller tryck sedan på galleriet Flexibel höjd.

    Lägg till galleri

  2. Ändra storlek på galleriet så att det fyller hela skärmen.

  3. Ställ in galleriets egenskap för Objekt till FlooringEstimates.

Visa produktnamnen

  1. Klicka eller tryck på pennikonen i det övre vänstra hörnet i galleriet för att välja gallerimallen.

    Pennikon

  2. När du har valt gallerimall lägger du till en etikettkontroll.

  3. Ställ in egenskapen Text i etikettkontrollen med följande uttryck:
    ThisItem.Name

    Lägg till etikett

Visa produktöversikterna

  1. När du har valt gallerimall, lägger du till en annan etikettkontroll och placerar den under den första etikettkontrollen.

  2. Ställ in egenskapen Text i den andra etikettkontrollen med följande uttryck:
    ThisItem.Overview

  3. När den andra etikettkontrollen är markerad, klickar eller trycker du på namnetikettsikonen på fliken Innehåll och byter namn på kontrollen till OverviewText.

    Byt namn på etikett

  4. Ange egenskapen AutoHeight för rutan OverviewText till true.

    Det här steget säkerställer att rutan kommer att öka eller minskas så att innehållet får plats.

    Automatisk höjd på texten

Visa produktbilderna

  1. Ändra storlek på mallen så att den blir dubbelt så hög.

    Det blir enklare att lägga till kontroller i mallen när du skapar appen och den här ändringen påverkar inte utseendet på appen när den körs.

  2. När du har valt gallerimall, lägger du till en bildkontroll och placerar den under rutan OverviewText.

  3. Kontrollera att bildegenskapen för bildkontrollen har angetts med det här uttrycket:
    ThisItem.Image

  4. Ange Y-egenskapen för bildkontrollen baserat på positionen och storleken på rutan OverviewText, som i det här uttrycket:
    OverviewText.Y + OverviewText.Height + 5

    Appen är klar

Tillämpa samma metod om du vill lägga till fler kontroller: Ange varje kontrolls Y-egenskap baserat på egenskaperna Y och Höjd i kontrollen ovanför.

Nästa steg

Läs mer om hur du arbetar med en gallerikontroll och formler.