Visa objekt med olika höjd i ett galleri arbetsyteapp

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 Etikett-kontroller 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.

Dynamiskt program.

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 ett tomt program

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

    Golvprodukter.

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

  3. Skapa ett tomt program med layout telefon.

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

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

  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 Items 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.

    Pennikonen.

  2. När du har valt gallerimall lägger du till en Etikett-kontroll.

  3. Ställ in egenskapen Text i Etikett-kontroll 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 Etikett-kontroll och placerar den under den första Etikett-kontroll.

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

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

    Byt namn på etiketten.

  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.

    Text automatisk höjd.

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 programmet och den här ändringen påverkar inte utseendet på programmet när den körs.

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

  3. Kontrollera att Bild-egenskapen för Bild-kontroll har angetts med det här uttrycket:
    ThisItem.Image

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

    Sista programmet.

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 Galleri-kontroll och formler.

Anteckning

Kan du berätta om dina inställningar för dokumentationsspråk? Svara i en kort undersökning. (observera att undersökningen är på engelska)

Undersökningen tar ungefär sju minuter. Inga personuppgifter samlas in (sekretesspolicy).