Moderne, opdateret udseende til modelbaserede apps

Modeldrevne apps moderniseres i bølger. Hver bølge opdaterer formatering, layout og funktionsmåde for at tilpasse sig de nyeste Microsoft Fluent-designsystem – hvilket gør det nemmere at bruge apps, så folk hurtigere kan nå deres mål. Fluent-designet leverer overensstemmelse, kvalitet og ensartet platform i hele Microsoft-designsystem. Det giver også et solidt fundament for udvidelse og fremtidige funktioner, f.eks. mørk tilstand.

Et hurtigt overblik over moderniseringsbølger

Fremtidige bølger fortsætter med at bygge på dette fundament.

Bølge 1: Det nye udseende

Her er, hvad du kan forvente i oplevelsen Nyt udseende:

• Opdateret layout i formular-, visnings- og dashboardsider, som omfatter brug af baggrundsskygger og lysere baggrundsfarver for at oprette et forhøjet eller flydende udseende. Det flydende udseende gør det nemmere at adskille sektioner visuelt og fokuserer på primært indhold.
• Nye Fluent-baserede kontrolelementer i formularer, forretningsprocesforløb og dialogbokse. Højden på dialogbokse tilpasses nu automatisk på baggrund af indholdet.
• Et nyt Power Apps-gitter i stedet for det skrivebeskyttede gitter i visningen og på standarddashboardsider.
• En ny mekanisme til tilpasning af farverne på appens overskrift, så den matcher din personlige stil eller organisatoriske branding. Du kan få mere at vide under Brug moderne temaer.

Kommandolinje

Kommandolinjen floating justeres efter den Microsoft 365 oplevelse med ensartet afstand, afrundede hjørner og højde. I følgende eksempel findes kommandolinjen i en separat sektion øverst på siden.

Vis sider

Vis sider ved hjælp af den nye kommandolinje og opdaterede gitterområder, der udnytter højdeændringer for at rette brugerens opmærksomhed.

Den vigtigste ændring på visningssider er skiftet fra det skrivebeskyttede gitter til kontrolelementet Power Apps-gitter, som indeholder uendelig rulning for en moderne, databrowsingoplevelse. Dette gitter vises også i undergitre og tilknyttede gitre i hovedformularer og dashboards. Kontrolelementet Power Apps-gitter understøtter også indbygget redigering ved hjælp af egenskaben Aktivér filtrering . Udviklere kan manuelt konfigurere deres redigerbare gitre til at bruge kontrolelementet Power Apps gitter.

I følgende eksempel vises en visningsside med et moderne, opdateret udseende.

Formularsider

Formularsider bruger den nye kommandolinje med opdaterede overskrifter, faner, sektioner og forretningsprocesforløb. Hurtigvisninger, kortformularer, overskrifter, webstedsoversigter og tidslinjekontrolelementer indeholder også opdateret formatering.

I følgende eksempel vises en formularside med et moderne, opdateret udseende.

Feltkontrolelementer

Kontrolelementer til felter, f.eks. tekstinput, handlingsinput, opslag og afkrydsningsfelter, oprettes og designes ved hjælp af Fluent-komponenter. Fremtidige opdateringer vil modernisere flere feltkontrolelementer ved hjælp af Fluent-design.

Feltsektioner, som er objektbeholdere for felterne i en formular, har et mere strømlinet design. Ikonerne findes nu i højre side af feltetiketter. Nogle overflødige ikoner blev fjernet for et renere layout. Formatering af input og fejlmeddelelser er også opdateret på baggrund af Fluent-design.

I følgende eksempel vises en gruppe felter med et moderne, opdateret udseende.

Dashboardside

Systemdashboardsiden med uafhængige undergitter og diagrammer bruger den nye kommandolinje og har samme formatering som sektionerne i formular- og visningssider. Når du slår den moderne oplevelse til, eller når du bruger den månedlige kanal, bruger systemdashboardgitter det nye Power Apps-gitterkontrolelement. Det nye gitter er som standard ikke slået til.

Diagramkontrolelementer

Diagramkontrolelementerne på visningssider og dashboards opdateres til en ny farvepalet for at give det moderne, opdaterede udseende.

Hvis du tilpasser diagramfarverne, tilsidesætter det nye udseende dine brugerdefinerede farver. Hvis du vil beholde dine brugerdefinerede farver, skal du tilføje egenskaben CustomColorOverride i diagrammet .xml filen.

<Chart CustomColorOverride="true">

Wave 2: Opdatering af sidehoved og navigation (prøveversion)

[Dette emne er til dokumentationen til den foreløbige udgivelse. Der kan forekomme ændringer.]

Funktionen til opdatering af sidehoved og navigation gør det nemmere at bruge apps og forbedrer produktiviteten ved at reducere den tid, der bruges på at navigere på sider, finde kommandoer og læringslayout. Denne forhåndsvisning indeholder:

• Moderne appheader og strømlinet webstedsoversigt. Opdateret formatering, der er justeret i forhold til Fluent-designsystemet, med en forenklet webstedsoversigt, der reducerer navigationens kompleksitet.
• Komprimerede sidehoveder med kompakte kommandoer. Sidehoveder fylder mindre lodret, hvilket giver mere plads til indhold.
• Ny kommandorækkefølge. Injicerede systemkommandoer som Vis som og Vis diagram vises nu på den tredje placering på kommandolinjen efter Ny og Slet, hvilket giver de mest almindelige brugerhandlinger prioritetsplacering.

Sådan ser den nye appoverskrift og det strømlinede sitemap ud:

Sådan ser den nye formularoverskrift ud med mere fokus på rækkedetaljer:

Denne opdatering gælder automatisk for alle apps, der genereres af Plandesigner. For andre eksisterende apps kan du tilmelde dig ved at følge disse trin:

1. Vælg Indstillinger på appdesignerens kommandolinje.
2. Vælg Funktioner, og aktivér derefter Opdatering af sidehoved og navigation.

Få mere at vide i Ofte stillede spørgsmål om opdatering af header og navigation (prøveversion).

Kendte begrænsninger

Det moderne, opdaterede udseende til modelbaserede apps har begrænsninger:

Moderne, opdateret udseende uden for browseren

Mailappen understøtter det moderne, opdaterede udseende. Den er som standard slået til for miljøer på den månedlige kanal som en del af versionen fra februar 2026 og aktiveres på den halvårlige kanal med opdateringen fra oktober 2026.

Mobilappen understøtter også det moderne, opdaterede udseende. Administratorer kan aktivere den ved at føje indstillingen Mobil moderne oplevelse til en løsning og opdatere værdien for miljøet eller for individuelle apps (2 = på). Du kan finde en trinvis vejledning under Aktivér det moderne, opdaterede udseende for modeldrevne apps på mobilenheder (prøveversion). Du kan få mere at vide om appindstillinger under Administrer modeldrevne appindstillinger i appdesigneren.

Skift af temaer eller aktivering af mørk tilstand

Du kan ikke skifte tema eller aktivere mørk tilstand i øjeblikket.

Anvendelse af klassiske temaer

Med det moderne, opdaterede udseende ærer Power Apps ikke længere klassiske tematilpasninger. Du kan dog tilsidesætte farverne for appoverskriften, så de passer til din organisations branding, med det moderne, opdaterede udseende. Få mere at vide i Ændre farven på appoverskriften. Andre indstillinger for tematilpasning for det moderne, opdaterede udseende er endnu ikke tilgængelige.

Brugerdefinerede ikoner

Kun SVG-ikoner understøttes. Hvis du bruger andre formater, f.eks. PNG, vises de ikke i navigationen, og der vises i stedet et standardikon.

Ofte stillede spørgsmål

1. Kan jeg bruge det moderne, opdaterede udseende i Power Apps komponentstrukturen eller i brugerdefinerede kodekomponenter?

Det moderne tema, der bruges, overføres til komponenter i Komponentstruktur i Power Apps , så du kan style dine komponenter med moderne temaer.

2. Kan jeg bruge det moderne, opdaterede udseende på brugerdefinerede sider?

Du kan bruge moderne kontrolelementer med brugerdefinerede sider og det moderne, opdaterede udseende. I øjeblikket bruger brugerdefinerede sider ikke det moderne tema.

3. Kan jeg ændre farven på appoverskriften?

Du kan ændre farven på appheaderen, så den passer til din organisation, mens du bruger det moderne, opdaterede udseende. Du kan få mere at vide under Brug moderne temaer. Andre indstillinger for tematilpasning for det moderne, opdaterede udseende er endnu ikke tilgængelige.

4. Ofte stillede spørgsmål om opdatering af header og navigation (prøveversion)

Kan jeg slå sidehoved og navigationsopdatering til uden at slå det nye udseende til?

Nej, du skal aktivere Nyt udseende ud over at slå Sidehoved og navigationsopdatering til for at se det opdaterede sidehoved og den opdaterede navigationsoplevelse i appen.

Hvordan aktiverer jeg opdateringen af sidehoved og navigation for eksisterende apps?

Funktionen er tilgængelig som en tilvalgsfunktion for eksisterende apps. Du kan aktivere den via appindstillingen.

Hvorfor kan jeg ikke se ikonet Hjælp på den globale kommandolinje i appoverskriften?

Hjælpelink til dokumentationen findes i Indstillinger-ruden.

Hvor er sidepanelets skinne ved siden af Copilot chatpanelet?

Siderudeskifteren bliver kun tilgængelig, når der er to eller flere sideruder i appen. Når Copilot chat er den eneste siderude, er skifteren skjult.

Hvorfor ser webstedskortet for en app, der genereres af plan-designer, anderledes ud end for eksisterende apps' websted?

Apps, der er oprettet af plandesigneren , har en strømlinet webstedsoversigt. Grupperne Hjem, Seneste, Fastgjort og Webstedsoversigt er som standard deaktiveret for en forenklet flad liste over navigationsindstillinger i webstedsoversigten.

Vend tilbage til det klassiske udseende

Administratorer kan slå Nyt udseende fra for alle brugere ved at opdatere indstillingen Nyt udseende for modeldrevne apps-app .

1. Åbn https://make.powerapps.com/.
2. Åbn en eksisterende løsning med en eller flere modeldrevne apps under Løsninger.
3. Vælg Tilføj eksisterende>indstilling for flere>.
4. Søg efter Nyt udseende.
5. Vælg Nyt udseende til modelbaserede apps.
6. Vælg Tilføj for at føje det til løsningen.
7. Vælg Nyt udseende til modelbaserede apps fra løsningsoversigten.
8. Opdater Indstil miljøværdi til Nej.
9. Føj apps til den løsning, hvor du vil slå nyt udseende fra.
10. Opdater værdien af apps til Nej.
11. Vælg Gem.
12. Publicer alle tilpasninger.

Hvis du vil vide mere om denne og andre appindstillinger, skal du se Administrer modeldrevne appindstillinger i appdesigneren.