Del via


Moderne, opdateret udseende til modelbaserede apps

Modeldrevne apps har opdateret formateringen, herunder skrifttyper, farver, kanter og skygger, der er i overensstemmelse med det nyeste Microsoft Fluent-designsystem. Med det opdaterede udseende er modelbaserede apps nemmere at bruge, så brugerne kan nå deres mål hurtigt og effektivt. Fluent-designet leverer overensstemmelse, kvalitet og ensartet platform i hele Microsoft-designsystem. Det giver også et fast grundlag for udvidelsesmuligheder og mulighed for understøttelse af mørk tilstand i fremtiden.

Vigtige oplysninger

Med versionen af Wave 1 fra 2026 skal alle brugere bruge Det nye udseende. Oprettere kan ikke skifte en modeldrevet app tilbage til det klassiske udseende. Dette krav omfatter ikke opdatering af sidehoved og navigation (prøveversion).

Til/fra-knappen Nyt udseende blev fjernet for brugere med versionen af Wave 1 fra 2025 .

Det, der er inkluderet i det moderne, opdaterede udseende

Her er, hvad du kan forvente i den moderne, opdaterede oplevelse:

  • 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. Bemærk, hvordan kommandolinjen er i en separat sektion øverst på siden i følgende eksempel.

Flydende kommandolinje

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.

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.

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.

Felter i en modelbaseret app, der har 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.

Side i systemdashboard med et moderne, opdateret udseende.

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">

Opdatering af sidehoved og navigation (prøveversion)

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

Vigtige oplysninger

  • Dette er en prøveversionsfunktion.
  • Forhåndsversionsfunktionerne er ikke beregnet til produktionsformål og kan have begrænset funktionalitet. Disse funktioner er tilgængelige før en officiel udgivelse, så kunderne kan få tidlig adgang og give feedback.

Det opdaterede sidehoved og den opdaterede navigation gør det nemmere at bruge apps med et moderne appsidehoved, strømlinet sitemap og komprimerede sideoverskrifter med kompakte kommandoer. Denne funktion øger produktiviteten ved at reducere den tid, der bruges på at navigere på sider, finde kommandoer og lære layouts.

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

Skærmbillede, der viser nyt udseende med appoverskrift og navigationsopdatering.

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

Skærmbillede, der viser den nye formularoverskrift med nyt overskrift og navigationsopdatering.

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.

Skærmbillede, der viser, hvordan du aktiverer opdatering af sidehoved og navigation i appdesigneren.

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

Mobilappen og mailappen understøtter ikke det moderne, opdaterede udseende. De er ikke en del af prøveversionen eller generel tilgængelighed.

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 vil have et strømlinet webstedsoversigt, der genereres af plandesigneren ,. Startside, Seneste, Fastgjorte og sitemapgrupper er som standard slået fra for en forenklet flad liste over navigationsindstillinger i webstedet.

Vend tilbage til det klassiske udseende

Bemærk

Med versionen af Wave 1 fra 2026 er New Look obligatorisk for alle brugere. Oprettere kan ikke længere skifte en modeldrevet app til det klassiske udseende.

Selvom slutbrugerne ikke har været i stand til at skifte tilbage til det klassiske udseende siden versionen af Wave 1 i 2025 , kan administratorer stadig slå det nye 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 Save.
  12. Publicer alle tilpasninger.

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