Översikt över anpassade sidor för modellbaserade appar

Den anpassade sidan är en ny sidtyp i en modellbaserad app, vilket för in kraften hos canvas-appar. Anpassade sidor ökar samgåendet mellan modellbaserade appar och kanvasappar och kan användas för att lägga till fullständiga sidor, dialogrutor eller fönster med flexibiliteten i Power Apps Studio. Den innehåller även en enkel redigeringsupplevelse med lågkodad sida, uttryck och anpassade kontroller för Power Apps-komponentramverk.

En anpassad sida är mer flexibel än ett modelldrivet appformulär, en vy eller en instrumentpanelssida. Du kan inkludera en eller flera tabeller. Sedan definierar du data- och komponentinteraktionerna. Den anpassade sidan är ett separat lösningselement, vilket innebär att en tillverkare kan redigera en anpassad sida i taget. Precis som andra modelldrivna appsidor kommer sidtillståndet från de parametrar som skickas eller hämtas från beständiga tabeller.

Important

Anpassade sidor är en funktion med betydande produktändringar och har för närvarande några kända begränsningar som beskrivs i Kända problem för anpassad sida.

Capability Läge Notes
Körtid för anpassade sidor Allmän tillgänglighet
Lösning och ALM för anpassade sidor Allmän tillgänglighet
Kontakter i anpassade sidor Allmän tillgänglighet Lista över alla Power Apps-anslutningsappar
Modern kontroll på anpassade sidor Allmän tillgänglighet Lista med tillgängliga kontroller
Kodkomponenter på anpassade sidor Allmän tillgänglighet
Övervaka stöd för anpassade sidor Allmän tillgänglighet
Redigering av anpassade sidor Allmän tillgänglighet Använd den moderna appdesignern och Power Apps Studio för att skapa anpassade sidor som stöds under körning.
Canvas-komponenter i anpassade sidor Allmän tillgänglighet
Anpassad sida i Teams modellbaserade app Offentlig förhandsversion
Anpassad sida i mobil online Offentlig förhandsversion iOS måste tillåta aktivering av "Tillåt spårning av flera webbplatser" som kan förhindras med hjälp av enhetshantering

Exempel på anpassade sidor

Dessa bilder visar den anpassade sidan infogad i den modelldrivna appen. Den modellbaserade appen har helsidesutrymmet i bilderna utan rubrik och navigering.

Anpassad sida som huvudsida.

[!div class="mx-imgBorder"] Anpassad sida som huvudsida

Anpassa sida som en centerdialogruta.

[!div class="mx-imgBorder"] Anpassad sida som dialogruta i mitten

Anpassa sida som en sidodialogruta.

[!div class="mx-imgBorder"] Anpassad sida som sidodialog

Anpassad sida som ett sidofönster i en app gör att du kan öppna en anpassad sida i ett sidofönster i den nya appen på höger sida av appen.

[!div class="mx-imgBorder"] Anpassad sida som appens sidopanel

Anpassade sidor måste skapas från en lösning antingen från den moderna appdesignern eller Lösningar i Power Apps med Ny>Sida. Mer information: Lägg till en anpassad sida för din modellbaserade app

Anpassade sidor är annorlunda än inbäddade canvasappar

Genom att använda en anpassad sida kan du skapa en ny sidupplevelse med hjälp av canvas-appfunktionerna. Den här metoden ger en redigeringsupplevelse med låg kod med mer flexibla layouter, mer kontroll med formateringsalternativ, möjlighet att lägga till anslutningsdata, använda uttryck med mera. Du skapar anpassade sidor i Power Apps Studio med ökande kontext för den modelldrivna app som sidan körs i.

Inbyggda canvas-appar använder också duktfunktionerna med en värdstrategi som inte är lika integrerad som en anpassad sida. Den enklare integreringen av en inbäddad arbetsyteapp innebär att den aktuella begränsningen för antalet inbäddade arbetsyteappar inte har ändrats. Den avancerade integreringen av den anpassade sidan åtgärdar dessa begränsningar. Den inbäddade canvas-appen kan bara placeras på ett modelldrivet formulär som fungerar som en lågkodskomponent. Mer information finns här: Inbädda en arbetsytaapp i ett modellstyrt formulär.

I de flesta fall använder du anpassade sidor i stället för inbäddade canvas-appar för bättre integration och prestanda.

Anmärkning

Överskrid inte 25 anpassade sidor i en modelldriven app. Om du lägger till fler anpassade sidor kan det öka väntetiden som en appanvändare upplever när de spelar upp en app med anpassade sidor efter att den senaste appen har publicerats. Den ökade väntetiden för användare påverkar endast den första appstarten, av den första användaren, efter den senaste publiceringen av den modelldrivna appen.

Migrera innehåll i fristående canvasapp till anpassade sidor

Befintliga fristående canvas-appar kan inte användas som anpassade sidor och den förväntade appstrukturen är annorlunda. En fristående arbetsyteapp har ofta många skärmar med global åtkomst till alla kontroller och variabler. Den anpassade sidan förväntas vanligtvis vara en enskild skärm med lös koppling för att tillhandahålla prestanda och samutvecklingsmöjligheter.

Om du vill migrera en befintlig fristående arbetsyteapp börjar du med att identifiera en mappning av skärmar till separata anpassade sidor. Utför följande steg för varje separat anpassad sida:

  1. Skapa en tom anpassad sida från den modellbaserade appdesignern. Mer information: Lägg till en anpassad sida för din modellbaserade app
  2. Lägg till en canvasappdatakälla för den data som används av skärmen.
  3. Kopiera skärmen från den ursprungliga arbetsyteappen i Power Apps Studio.
  4. Klistra in skärmen på den tomma anpassade sidan i Power Apps Studio.
  5. Ändra navigeringssamtalen så att det anpassade sidnamnet används i stället för skärmnamnet.
  6. Lägg till den anpassade sidan i den modelldrivna webbplatskartan för appdesigner.

Vanliga frågor och svar

  • Vilka data kan den anpassade sidan använda?

    En anpassad sida kan använda Microsoft Dataverse och alla anslutningsprogram för Power Apps. Mer information: Lista över alla Power Apps-anslutningsprogram.

  • Vilka interaktioner kan den anpassade sidan ha med den modellbaserad appen?

    Anpassade sidor kan läggas till i webbplatsöversikten för direkt navigering med hjälp av Lägg till anpassad sida i webbplatsöversikten. Modellbaserade appsidor kan öppna en anpassad sida med navigateTo klient-API:et. Anpassade sidor kan navigera till andra anpassade sidor eller till en modellbaserad appsida som till exempel ett formulär, en vy eller en instrumentpanel med Power Fx-navigeringsfunktionen. Mer information: Navigera till en anpassad sida

  • Hur görs den anpassade sidan responsiv?

    Med responsiva containerkontroller kan du bygga en responsiv appsida utan formler. Mer information: Skapa responsiva sidor. Mer detaljerad siddesignvägledning finns också i Utforma en anpassad sida för din modellstyrd app.

  • Hur hanteras den anpassade sidan i en lösning?

    Varje anpassad sida är en separat komponent i lösningen, vilket gör att en tillverkare kan redigera en sida i taget. De flesta anpassade sidor har en skärm. I stället för flera skärmar använder de den anpassade sidans navigeringsfunktioner för att flytta till en annan anpassad sida eller modelldriven appsida. När en anpassad sida har flera skärmar är den fortfarande en enda lösningskomponent så att endast en tillverkare kan arbeta med den uppsättning skärmar.

  • Vilka licenser får använda en anpassad sida och påverkar en anpassad sida antalet appar?

    På den anpassade sidan används en särskild canvas app-typ, vilket möjliggör att den kan hanteras på ett annorlunda sätt. Den anpassade sidan betraktas som en del av den modellbaserade appinfrastrukturen och kan endast användas i en modellbaserad app. Så det här följer licensen för den modellbaserade appen. Anpassade sidor räknas inte in i appbegränsningarna eftersom de behandlas som en sida i stället för en app.

  • Behöver anpassade sidor delas som fristående arbetsyteappar?

    Den anpassade sidan överensstämmer med den modelldrivna appsidedelningen, som förlitar sig på modelldriven appdelning utan att dela enskilda sidor för appanvändare. Skapare kan behöva dela den anpassade sidan för att möjliggöra redigering.

Se även

Lägga till en anpassad sida i en modellbaserad app

Designa en anpassad sida för din modellbaserade app

Använda PowerFx på en anpassad sida

Lägg till anslutningar på anpassade sidor

Använda övervakning för att felsöka anpassade sidor

Modelldriven app anpassad sida kända problem

  • Last updated on