Aspetto moderno e rinnovato per le app basate su modelli

Le app basate su modelli sono modernizzate per fasi. Ogni ciclo aggiorna stili, layout e comportamento per allinearsi al sistema di progettazione fluent Microsoft più recente, rendendo le app più facili da usare in modo che le persone possano raggiungere i loro obiettivi più rapidamente. Il sistema di progettazione Fluent offre uniformità, qualità e coerenza a livello di piattaforma Microsoft. Offre inoltre una solida base per l'estendibilità e le funzionalità future, ad esempio la modalità scura.

Onde di modernizzazione a colpo d'occhio

Le onde future continuano a costruire su questa base.

Onda 1: Il nuovo look

Ecco cosa ci si può aspettare nell'esperienza New Look:

• Stile aggiornato nelle pagine del modulo, della vista e del dashboard, che include l'uso di ombre esterne e colori di sfondo più luminosi per creare un aspetto elevato o mobile. L'aspetto fluttuante aiuta a separare visivamente le sezioni e focalizza l'attenzione sul contenuto principale.
• Nuovi controlli basati su Fluent in moduli, flussi di processi aziendali e finestre di dialogo. Le finestre di dialogo ora ridimensionano automaticamente l'altezza in base al contenuto.
• Nuova griglia di Power Apps al posto della griglia in sola lettura nelle pagine di visualizzazione e nelle pagine standard del dashboard.
• Un nuovo meccanismo per personalizzare i colori dell'intestazione dell'app in modo che corrispondano al tuo marchio personale o organizzativo. Per altre informazioni, vedere Usare i temi moderni.

Barra dei comandi

La barra dei comandi floating è allineata all'esperienza di Microsoft 365, con spaziatura coerente, angoli arrotondati ed elevazione. Nell'esempio seguente la barra dei comandi si trova in una sezione separata nella parte superiore della pagina.

Pagine di visualizzazione

Le pagine di visualizzazione utilizzano la nuova barra dei comandi e le aree della griglia aggiornate che sfruttano i cambiamenti di elevazione per attirare l'attenzione dell'utente.

La modifica più significativa nelle pagine di visualizzazione è il passaggio dalla griglia di sola lettura al controllo griglia Power Apps, che offre uno scorrimento infinito per un'esperienza di esplorazione dei dati moderna. Questa griglia viene visualizzata anche nelle griglie secondarie e nelle griglie associate nei moduli e nei dashboard principali. Il controllo griglia di Power Apps supporta anche la modifica inline tramite la proprietà Abilita filtro . I creatori possono configurare manualmente le griglie modificabili per utilizzare il controllo griglia di Power Apps.

L'esempio seguente mostra una pagina di visualizzazione con l'aspetto moderno e aggiornato.

Pagine del modulo

Le pagine dei moduli usano la nuova barra dei comandi con intestazioni, schede, sezioni e flussi del processo aziendale aggiornati. Le visualizzazioni rapide, i moduli delle schede, le intestazioni, le mappe del sito e i controlli della sequenza temporale presentano anche stili aggiornati.

L'esempio seguente mostra una pagina di modulo con l'aspetto moderno e aggiornato.

Controlli di campo

Controlli di campo come input di testo, input di azioni, ricerca e controlli delle caselle di controllo creati e progettati utilizzando componenti Fluent. Gli aggiornamenti futuri modernizzeranno più controlli dei campi utilizzando la progettazione Fluent.

Le sezioni dei campi, che sono contenitori per i campi di un modulo, hanno una progettazione più snella. Le icone ora si trovano sul lato destro delle etichette dei campi. Alcune icone ridondanti sono state rimosse per un layout più pulito. Anche lo stile dei messaggi di input e di errore viene aggiornato in base alla progettazione Fluent.

L'esempio seguente mostra un set di campi con l'aspetto moderno e aggiornato.

Pagina del dashboard

La pagina del dashboard di sistema, con griglie secondarie e grafici indipendenti, usa la nuova barra dei comandi e presenta uno stile simile alle sezioni nelle pagine di maschera e visualizzazione. Quando si attiva l'esperienza moderna o quando si usa il canale mensile, le griglie del dashboard di sistema usano il nuovo controllo griglia di Power Apps. La nuova griglia non è attivata per impostazione predefinita.

Controlli grafici

I controlli dei grafici nelle pagine di visualizzazione e nei dashboard sono stati aggiornati con una nuova tavolozza di colori per un aspetto moderno e rinnovato.

Se si personalizzano i colori del grafico, il nuovo aspetto sostituisce i colori personalizzati. Per mantenere i colori personalizzati, aggiungere la proprietà CustomColorOverride nel file del grafico .xml.

<Chart CustomColorOverride="true">

Fase 2: Aggiornamento dell'intestazione e della navigazione (anteprima)

[Questo argomento fa parte della documentazione non definitiva, pertanto è soggetto a modifiche.]

La funzionalità di aggiornamento dell'intestazione e della navigazione rende le app più facili da usare e aumenta la produttività riducendo il tempo necessario per navigare tra le pagine, trovare i comandi e imparare a orientarsi nei layout. Questa anteprima include:

• Intestazione moderna dell'app e mappa del sito semplificata. Aggiornato lo stile allineato al sistema di progettazione Fluent con una mappa del sito semplificata che riduce la complessità della navigazione.
• Intestazioni di pagina condensate con comandi compattati. Le intestazioni di pagina occupano meno spazio verticale, offrendo più spazio per il contenuto.
• Nuovo ordinamento dei comandi. I comandi di sistema inseriti, ad esempio Mostra come e Mostra grafico , ora vengono visualizzati nella terza posizione sulla barra dei comandi, dopo Nuovo ed Elimina, assegnando la posizione di priorità delle azioni utente più comuni.

Ecco come appaiono la nuova intestazione dell'app e la mappa del sito semplificata:

Ecco come appare la nuova intestazione del modulo con maggiore attenzione ai dettagli delle righe:

Questo aggiornamento si applica automaticamente a tutte le app generate dalla finestra di progettazione piani. Per altre app esistenti, puoi acconsentire esplicitamente seguendo questi passaggi:

1. Sulla barra dei comandi della finestra di progettazione dell'app seleziona Impostazioni.
2. Seleziona Funzionalità, quindi abilita l'aggiornamento dell'intestazione e della navigazione.

Scopri di più nelle Domande frequenti sull'aggiornamento dell'intestazione e della navigazione (anteprima).

Limitazioni note

L'aspetto moderno e aggiornato per le app basate su modello ha alcune limitazioni:

Aspetto moderno e rinnovato al di fuori del browser

L'app di posta supporta l'aspetto moderno e aggiornato. È attivata per impostazione predefinita per gli ambienti nel canale mensile come parte della versione di febbraio 2026 e verrà abilitata nel canale semestrale con l'aggiornamento di ottobre 2026.

L'app per dispositivi mobili supporta anche l'aspetto moderno e aggiornato. Gli amministratori possono abilitarlo aggiungendo l'impostazione Esperienza moderna per dispositivi mobili a una soluzione e aggiornando il valore per l'ambiente o per le singole app (2 = on). Per istruzioni dettagliate passo passo, vedi Abilitare l'aspetto moderno e aggiornato per le app basate su modello su dispositivi mobili (anteprima). Per altre informazioni sulle impostazioni dell'app, vedere Gestire le impostazioni delle app basate su modello nella finestra di progettazione app.

Cambiare temi o abilitare la modalità scura

Il cambio di temi o l'abilitazione della modalità scura non è ancora supportato.

Onorare la tematica classica

Con l'aspetto moderno, aggiornato, Power Apps non rispetta più le personalizzazioni dei temi classici. Puoi, tuttavia, sovrascrivere i colori dell'intestazione dell'app per adattarli al marchio della tua organizzazione con il nuovo aspetto moderno e rinnovato. Per altre informazioni, vedi Modificare il colore dell'intestazione dell'app. Altre opzioni di personalizzazione del tema per il nuovo aspetto moderno e rinnovato non sono ancora disponibili.

Icone personalizzate

Sono supportate solo le icone SVG. Se si utilizzano altri formati, ad esempio PNG, la navigazione non li visualizza e al loro posto viene visualizzata un'icona predefinita.

Domande frequenti

1. È possibile usare l'aspetto moderno e aggiornato nel framework dei componenti Power Apps o nei componenti di codice personalizzati?

Il tema moderno in uso viene passato ai componenti del framework dei componenti di Power Apps , in modo da poter applicare stili ai componenti con temi moderni.

2. Posso utilizzare l'aspetto moderno e rinnovato nelle pagine personalizzate?

È possibile usare controlli moderni con pagine personalizzate e l'aspetto moderno e aggiornato. Attualmente, le pagine personalizzate non usano il tema moderno.

3. Posso cambiare il colore dell'intestazione dell'app?

È possibile modificare il colore dell'intestazione dell'app in modo che corrisponda all'organizzazione usando l'aspetto moderno e aggiornato. Per altre informazioni, vedere Usare i temi moderni. Altre opzioni di personalizzazione del tema per il nuovo aspetto moderno e rinnovato non sono ancora disponibili.

4. Domande frequenti sull'aggiornamento di intestazione e navigazione (anteprima)

Posso attivare l'aggiornamento dell'intestazione e della navigazione senza attivare il nuovo aspetto?

No, devi abilitare Nuovo aspetto oltre ad attivare l'aggiornamento dell'intestazione e della navigazione per visualizzare l'intestazione e l'esperienza di navigazione aggiornate nell'app.

Come si abilita l'aggiornamento dell'intestazione e della navigazione per le app esistenti?

La funzionalità è disponibile come funzionalità opzionale per le app esistenti. Puoi abilitarlo tramite le impostazioni dell'app.

Perché non vedo l'icona della Guida nella barra comandi globale dell'intestazione dell'app?

Il collegamento alla documentazione è disponibile nel riquadro Impostazioni.

Dove si trova la barra laterale accanto al riquadro Copilot chat?

Il selettore del riquadro laterale diventa disponibile solo quando nell'app sono presenti due o più riquadri laterali. Quando Copilot chat è l'unico riquadro laterale, il commutatore è nascosto.

Perché la mappa del sito di un'app generata dal Progettista di piano ha un aspetto diverso dalla mappa del sito delle app esistenti?

Le app generate dalla finestra di progettazione del piano avranno una mappa del sito semplificata. I gruppi Home, Recenti, Aggiunti ai preferiti e Sitemap sono disattivati per impostazione predefinita per ottenere un elenco semplificato e piatto delle opzioni di navigazione nella mappa del sito.

Ripristinare l'aspetto classico

Gli amministratori possono disattivare l'impostazione Nuova ricerca per tutti gli utenti aggiornando l'impostazione Nuova ricerca per le app basate su modello .

1. Apri https://make.powerapps.com/.
2. In Soluzioni aprire una soluzione esistente con una o più app basate su modello.
3. Selezionare Aggiungi esistente>Altro>Impostazione.
4. Cerca Nuovo aspetto.
5. Seleziona Nuovo aspetto per le app basate su modello.
6. Seleziona Aggiungi per aggiungerlo alla soluzione.
7. Seleziona Nuovo aspetto per le app basate su modello da Esplora soluzioni.
8. Aggiorna valore dell'ambiente di impostazione su No.
9. Aggiungi le app alla soluzione per le quali desideri disattivare il nuovo aspetto.
10. Aggiorna il valore delle app su No.
11. Seleziona Salva.
12. Pubblicare tutte le personalizzazioni.

Per altre informazioni su questa e altre impostazioni dell'app, vedere Gestire le impostazioni delle app basate su modello nella finestra di progettazione app.