Modernt, uppdaterat utseende för modellbaserade appar

Modelldrivna appar har uppdaterat formateringen, inklusive teckensnitt, färger, kantlinjer och skuggor som överensstämmer med det senaste Microsoft Fluent-designsystemet. Det uppdaterade utseendet gör det lättare att använda modellbaserade program så att användarna kan uppnå sina mål snabbt och effektivt. Designsystemet i Fluent ger enhetlighet, kvalitet och Microsoftomfattande plattformsenhetlighet. Den ger också en solid grund för utbyggbarhet och ger stöd för mörkt läge i framtiden.

Vad ingår i det moderna, uppdaterade utseendet

Det här är vad du kan förvänta dig i den moderna och uppdaterade upplevelsen:

• Uppdaterad version av formulär-, vy- och instrumentpanelssidor med bland annat användning av skuggor och bakgrundsfärger för att skapa ett förhöjt eller svävande utseende. Det flytande utseendet hjälper till att separera avsnitt visuellt och fokuserar uppmärksamheten på primärt innehåll.
• Nya Fluent-baserade kontroller i formulär, affärsprocessflöden och dialoger. I dialoger ändras nu storleken på höjden automatiskt utifrån innehållet.
• Ett nytt Power Apps-rutnät som ersätter skrivskyddade rutnät i vyer och på standardsidor för instrumentpaneler.
• En ny mekanism för att anpassa färgerna i appens sidohuvud så att de överensstämmer med ditt personliga varumärke eller organisations varumärke. Mer information finns i Använda moderna teman.

Kommandofält

Det svävande verktygsfältet är i linje med Microsoft 365-upplevelsen, med konsekvent avstånd, rundade hörn och upphöjning. Lägg märke till hur kommandofältet i följande exempel finns i ett separat avsnitt överst på sidan.

Visa sidor

Visa sidor använder det nya kommandofältet och uppdaterade rutnätsområden som drar nytta av ändringarna i nivå för att dra till sig användarens uppmärksamhet.

Den mest betydande förändringen på vysidor är övergången från det skrivskyddade rutnätet till Power Apps-rutnätskontrollen, som har oändlig rullning för en modern upplevelse vid bläddring i data. Rutnätet visas också i underrutnät och associerade rutnät i huvudformulär och instrumentpaneler. Power Apps-rutnätskontrollen stöder även infogad redigering med hjälp av egenskapen Aktivera filtrering . Tillverkare kan manuellt konfigurera sina redigerbara rutnät så att de använder Power Apps rutnätskontroll.

I följande exempel visas en vysida med ett modernt, uppdaterat utseende.

Formulärsidor

Formulärsidor använder det nya kommandofältet med uppdaterade rubriker, flikar, avsnitt och affärsprocessflöden. Snabbvisningar, kortformulär, sidhuvuden, webbplatskartor och tidslinjekontroller har också uppdaterad formatering.

I följande exempel visas en formulärsida med det moderna, uppdaterade utseendet.

Fältkontroller

Fältkontroller som textinmatning, åtgärdsindata, uppslag och kryssrutekontroller skapas och utformas med hjälp av Fluent-komponenter. Framtida uppdateringar moderniserar fler fältkontroller med hjälp av Fluent-design.

Fältavsnitt, som är behållare för fälten i ett formulär, har en mer förenklad design. Ikonerna finns nu till höger om fältetiketterna. Vissa överflödiga ikoner har tagits bort för en renare layout. Stil för inmatning och felmeddelanden uppdateras också baserat på Fluent design.

I följande exempel visas ett antal fält med det moderna, uppdaterade utseendet.

Instrumentpanelssida

Instrumentpanelens sida, med självständiga underrutnät och diagram, använder det nya kommandofältet och har en stil som liknar sektionerna på formulärsidor och visningssidorna. När du aktiverar den moderna upplevelsen, eller när du använder den månatliga kanalen, använder systemets instrumentpanelsrutnät den nya Power Apps-rutnätskontrollen. Det nya rutnätet är inte aktiverat som standard.

Diagramkontroller

Diagramkontrollerna på vysidor och instrumentpaneler uppdateras till en ny färgpalett för ett modernt, uppdaterat utseende.

Om du anpassar diagramfärgerna åsidosätter det nya utseendet dina anpassade färger. Om du vill behålla dina anpassade färger lägger du till egenskapen CustomColorOverride i diagrammet .xml filen.

<Chart CustomColorOverride="true">

Uppdatering av sidhuvud och navigering (förhandsversion)

[Det här avsnittet utgör förhandsdokumentation och kan komma att ändras.]

Det uppdaterade sidhuvudet och navigeringen gör apparna enklare att använda med ett modernt apprubrik, en strömlinjeformad webbplatskarta och komprimerade sidhuvuden med kompakta kommandon. Den här upplevelsen förbättrar produktiviteten genom att minska den tid som ägnas åt att navigera på sidor, hitta kommandon och lära sig layouter.

Så här ser den nya apprubrik och den strömlinjeformade webbplatskartan ut:

Hit ser den nya formulärrubriken ut med mer fokus på radinformation:

Den här uppdateringen gäller automatiskt för alla appar som genereras av plandesignern. För andra befintliga appar kan du anmäla dig genom att följa dessa steg:

1. I appdesignern, välj Inställningar i kommandofältet.
2. Välj Funktioner och sedan aktivera Uppdatering av sidhuvud och navigering.

Läs mer i Vanliga frågor och svar om sidhuvud- och navigeringsuppdatering (förhandsversion).

Kända begränsningar

Det moderna, uppdaterade utseendet för modellbaserade program har vissa begränsningar:

Modernt, uppdaterat utseende utanför webbläsaren

Mobilappen och e-postappen stöder inte det moderna, uppdaterade utseendet. De ingår inte i förhandsversionen eller den allmänna tillgängligheten.

Växla mellan olika lägen eller aktivera mörkt läge

Ännu stöds inte att byta teman eller aktivera mörkt läge.

Uppfylla klassisk tematisering

Med det moderna, uppdaterade utseendet respekterar Power Apps inte längre klassiska temaanpassningar. Du kan dock åsidosätta färgerna för apphuvudet för att matcha din organisations varumärke med det moderna, uppdaterade utseendet. Läs mer i Ändra färg på apprubriken. Andra temaanpassningsalternativ för det moderna, uppdaterade utseendet är inte tillgängliga ännu.

Anpassade ikoner

Endast SVG-ikoner stöds. Om du använder andra format, till exempel PNG, visas dessa inte i navigeringen och en standardikon visas i stället.

Vanliga frågor

1. Kan jag använda det moderna, uppdaterade utseendet i Power Apps komponentramverket eller i anpassade kodkomponenter?

Det moderna temat som används skickas till Komponenter för Power Apps-komponentramverk , så att du kan utforma dina komponenter med modernt tema.

2. Kan jag använda det moderna, uppdaterade utseendet på anpassade sidor?

Du kan använda moderna kontroller med anpassade sidor och det moderna, uppdaterade utseendet. För närvarande använder anpassade sidor inte det moderna temat.

3. Kan jag ändra färgen på apprubriken?

Du kan ändra färgen på apprubriken så att den matchar din organisation när du använder det moderna, uppdaterade utseendet. Mer information finns i Använda moderna teman. Andra temaanpassningsalternativ för det moderna, uppdaterade utseendet är inte tillgängliga ännu.

4. Vanliga frågor och svar om sidhuvud- och navigeringsuppdatering (förhandsversion)

Kan jag aktivera uppdatering av sidhuvud och navigering utan att aktivera det nya utseendet?

Nej, du måste aktivera Nytt utseende förutom att aktivera uppdatering av sidhuvud och navigering för att se den uppdaterade sidhuvudet och navigeringsupplevelsen i appen.

Hur aktiverar jag uppdateringen av sidhuvud och navigering för befintliga appar?

Funktionen är tillgänglig som en opt-in-funktion för befintliga appar. Du kan aktivera det via appinställningen.

Varför visas inte hjälpikonen i det globala kommandofältet i apphuvudet?

Hjälplänk till dokumentationen finns i fönstret Inställningar.

Var finns sidopanelens verktygsrad bredvid Copilot-chattpanelen?

Växlaren för sidopaneler blir bara tillgänglig när det finns två eller flera sidopaneler i appen. När Copilot Chat är den enda sidopanel är växlaren dold.

Varför ser webbplatsöversikten för en app som genereras av plandesignern annorlunda ut än befintliga appars webbplatskarta?

Appar som genereras av plandesignern kommer att ha en strömlinjeformad webbplatskarta. Grupperna Start, Senaste, Fästa och webbplatskarta är inaktiverade som standard för en förenklad platt lista med navigeringsalternativ i webbplatskartan.

Återgå till det klassiska utseendet

Slutanvändarna har inte kunnat växla tillbaka till det klassiska utseendet sedan 2025 Wave 1-versionen , men administratörer kan fortfarande inaktivera det nya utseendet för alla användare genom att uppdatera appinställningen Nytt utseende för modelldrivna appar .

1. Öppna https://make.powerapps.com/.
2. Under Lösningar öppnar du en befintlig lösning med en eller flera modelldrivna appar.
3. Välj Lägg till befintlig>fler>inställning.
4. Söka efter Nytt utseende.
5. Välj Nytt utseende för modellbaserade appar.
6. Välj Lägg till om du vill lägga till den i lösningen.
7. Välj Nytt utseende för modellbaserade appar från lösningsutforskaren.
8. Uppdatera Anger miljövärde till Nej.
9. Lägg till de appar i lösningen som du vill inaktivera nytt utseende för.
10. Uppdastera värdet för apparna till Nej.
11. Välj Spara.
12. Publicera alla anpassningar.

Mer information om detta och andra appinställningar finns i Hantera modelldrivna appinställningar i appdesignern.