Vis elementer med forskellige højder i et lærredsappgalleri

Hvis forskellige elementer i datasættet indeholder forskellige mængder data i det samme felt, kan du få vist elementer, der indeholder flere data, uden at tilføje ekstra tom plads efter elementer med færre data. Tilføj og konfigurer gallerikontrolelementet Flexible height, så du kan:

  • Konfigurere Mærkat-kontrolelementer til at blive større eller mindre baseret på deres indhold.
  • Placer hvert kontrolelement, så det automatisk vises lige under kontrolelementet over det.

I denne artikel viser du data om gulvprodukter i kontrolelementet Flexible height gallery. Billedet af hvert produkt vises 5 pixel under oversigtsteksten, uanset om denne oversigt er to linjer eller fem.

Dynamics-app.

Bemærkning

Hvis du aldrig har føjet kontrolelementer til et galleri, skal du fuldføre trinnene i Vis en liste over elementer i et galleri , før du fortsætter.

Føj data til en tom app

  1. Download denne Excel-fil, som indeholder navne, oversigter og billedlinks til gulvprodukter.

  2. Upload Excel-filen til en cloudlagerkonto, f.eks. OneDrive, SharePoint, Dropbox eller Google Drev.

  3. Opret en tom app med telefonlayout.

  4. Føj en forbindelse til tabellen FlooringEstimates i Excel-filen.

    Du kan få flere oplysninger under Tilføj en dataforbindelse.

  1. På fanen Indsæt skal du vælge Galleri>Fleksibel højde.

    Tilføj galleri.

  2. Tilpas galleriets størrelse, så det fylder hele skærmen.

  3. Angiv galleriets Items-egenskab til FlooringEstimates.

Vis produktnavnene

  1. I øverste venstre hjørne af galleriet skal du vælge blyantsikonet for at angive skabelonredigeringstilstand.

  2. Når galleriskabelonen er valgt, skal du tilføje et kontrolelement af typen Label .

  3. Angiv egenskaben Text for kontrolelementet Label til:

    ThisItem.Name

Vis produktoversigterne

  1. Når galleriskabelonen er valgt, skal du tilføje et andet kontrolelement af typen Label og flytte det under det første.

  2. Angiv egenskaben Text for den anden etiket til:

    ThisItem.Overview

  3. Når den anden etiket er valgt, skal du omdøbe den til OverviewText ved hjælp af navnemærkeikonet under fanen Indhold .

  4. Angiv egenskaben AutoHeight for OverviewText til true.

    Tips

    Hvis AutoHeight angives til sand på en etiket, vokser eller formindskes den, så den passer til indholdet. Dette er nøglen til at få det fleksible højdegalleri til at fungere korrekt – uden det gengives alle elementer med samme faste højde.

Vis produktbillederne

  1. Gør skabelonen højere ved at trække den nederste kant ned for at fordoble dens aktuelle højde.

    Du kan nemmere føje kontrolelementer til skabelonen, når du bygger appen. Denne ændring påvirker ikke appens udseende, når den kører.

  2. Når galleriskabelonen er valgt, skal du tilføje et kontrolelement af typen Image og placere det under mærkaten OverviewText .

  3. Bekræft, at egenskaben Image for kontrolelementet Image er angivet til:

    ThisItem.Image

  4. Angiv egenskaben Y for kontrolelementet Image til at placere det dynamisk under oversigtsteksten:

    OverviewText.Y + OverviewText.Height + 5

    Endelig app.

    Anvend det samme koncept for eventuelle yderligere kontrolelementer: Angiv egenskaben Y for hvert kontrolelement baseret på Y og Height for kontrolelementet umiddelbart over det.

Næste trin

  • Last updated on