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.
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
Hämta den här Excel-filen som innehåller namn, översikter och länkar till bilder av golvläggningsprodukter.
Ladda upp Excel-filen till ett molnlagringskonto, till exempel OneDrive, Dropbox eller Google Drive.
Skapa ett tomt program med layout telefon.
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
Klicka eller tryck på Galleri på fliken Infoga och klicka eller tryck sedan på galleriet Flexibel höjd.
Ändra storlek på galleriet så att det fyller hela skärmen.
Ställ in galleriets egenskap för Items till FlooringEstimates.
Visa produktnamnen
Klicka eller tryck på pennikonen i det övre vänstra hörnet i galleriet för att välja gallerimallen.
När du har valt gallerimall lägger du till en Etikett-kontroll.
Ställ in egenskapen Text i Etikett-kontroll med följande uttryck:
ThisItem.Name
Visa produktöversikterna
När du har valt gallerimall, lägger du till en annan Etikett-kontroll och placerar den under den första Etikett-kontroll.
Ställ in egenskapen Text i den andra Etikett-kontroll med följande uttryck:
ThisItem.OverviewNär den andra Etikett-kontrollen är markerad, klickar eller trycker du på namnetikettsikonen på fliken Innehåll och byter namn på kontrollen till OverviewText.
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.
Visa produktbilderna
Ä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.
När du har valt gallerimall, lägger du till en Bild-kontroll och placerar den under rutan OverviewText.
Kontrollera att Bild-egenskapen för Bild-kontroll har angetts med det här uttrycket:
ThisItem.ImageAnge 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
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).
Feedback
https://aka.ms/ContentUserFeedback.
Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see:Skicka och visa feedback för