Aspetto moderno e rinnovato per le app basate su modelli

Le app basate su modello hanno aggiornato gli stili, inclusi tipi di carattere, colori, bordi e ombreggiature allineati al sistema di progettazione Microsoft Fluent più recente. L'aspetto aggiornato semplifica l'utilizzo delle app basate su modello per permettere agli utenti di raggiungere i propri obiettivi in modo rapido ed efficiente. Il sistema di progettazione Fluent offre uniformità, qualità e coerenza a livello di piattaforma Microsoft. Fornisce inoltre una solida base per l'estensibilità e consente il supporto per la modalità scura in futuro.

Importante

Con la versione 2026 Wave 1 , tutti gli utenti devono usare il nuovo look. I creatori non possono modificare un'app basata su modello per tornare all'aspetto classico. Questo requisito non include l'aggiornamento dell'intestazione e della navigazione (anteprima).

L'opzione Nuovo look è stata rimossa per gli utenti con la versione 2025 Wave 1.

Ciò che è incluso nel look moderno, aggiornato

Ecco cosa puoi aspettarti da un'esperienza moderna e rinnovata:

• 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. Nota come la barra dei comandi si trova in una sezione separata nella parte superiore della pagina nell'esempio seguente.

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

Aggiornamento di header e navigazione (anteprima)

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

Importante

• Si tratta di una funzionalità di anteprima.
• Le funzionalità di anteprima non sono destinate ad essere utilizzate per la produzione e sono soggette a restrizioni. Vengono rese disponibili prima di una versione ufficiale in modo che i clienti possano accedervi con anticipo e fornire i loro commenti.

L'intestazione e la navigazione rinnovate semplificano l'uso delle app con un'intestazione dell'app moderna, una mappa del sito semplificata e intestazioni di pagina ridotte con comandi compatti. Questa esperienza migliora la produttività riducendo il tempo dedicato alla navigazione tra le pagine, alla ricerca di comandi e all'apprendimento delle aree di disposizione.

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 per dispositivi mobili e l'app di posta elettronica non supportano l'aspetto moderno e aggiornato. Non fanno parte dell'anteprima o della disponibilità generale.

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 e aggiornato, Power Apps non supporta 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 dal pianificatore avranno una mappa del sito semplificata. I gruppi Home, Recenti, Bloccati e Mappa del sito sono disattivati per impostazione predefinita per un elenco semplificato e semplice delle opzioni di navigazione nella Mappa del sito.

Ripristinare l'aspetto classico

Nota

Con la versione 2026 Wave 1, il Nuovo Look è obbligatorio per tutti gli utenti. Gli sviluppatori non potranno più cambiare l'aspetto di un'app guidata da modello alla versione classica.

Anche se gli utenti finali non sono stati in grado di tornare all'aspetto classico dalla versione 2025 Wave 1, gli amministratori possono comunque disattivare il nuovo aspetto per tutti gli utenti aggiornando l'impostazione Nuovo aspetto 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.