Aspetto moderno e rinnovato per le app basate su modelli

Le app basate su modello hanno un aspetto moderno e rinnovato quando la funzionalità Prova il nuovo aspetto è stata attivata dagli utenti finali. Il nuovo aspetto offre uno stile aggiornato che include caratteri, colori, bordi, ombre e altro ancora in linea con il più recente sistema di progettazione Microsoft Fluent. 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.

La funzionalità dall'aspetto moderno e rinnovato, ora attiva per impostazione predefinita, verrà implementata con una pianificazione più lenta rispetto ad altre funzionalità. Ulteriori informazioni: Gestione dell'implementazione predefinita della disponibilità generale.

Cosa è incluso nel nuovo aspetto moderno e rinnovato

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.
  • Una nuova griglia Power Apps al posto della griglia di sola lettura nelle pagine di visualizzazione e standard del dashboard.
  • Un nuovo meccanismo per personalizzare i colori dell'intestazione dell'app in modo che corrispondano al tuo marchio personale o organizzativo. Ulteriori informazioni: Utilizza temi moderni
  • Un'impostazione per l'utente finale chiamata Prova il nuovo aspetto che consente un'esperienza moderna e rinnovata.

Impostazione Prova il nuovo aspetto.

Barra dei comandi

La barra dei comandi mobile si allinea con l'esperienza 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.

Barra dei comandi mobile

Pagine di visualizzazione

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

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

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

Una pagina di visualizzazione con l'aspetto moderno e aggiornato.

Pagine modulo

Le pagine dei moduli utilizzano la nuova barra dei comandi e hanno intestazioni, schede, sezioni e processi aziendali aggiornati. Anche le visualizzazioni rapide, i moduli delle schede, le intestazioni, le mappe dei siti e i controlli della sequenza temporale presentano uno stile aggiornato.

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

Una pagina del modulo dall'aspetto moderno e rinnovato.

Controlli di campo

I controlli di campo come l'input di testo, l'input di azione, la ricerca e i controlli delle caselle di controllo sono creati e progettati utilizzando i componenti Fluent. Ulteriori controlli di campo verranno modernizzati utilizzando la progettazione Fluent nei futuri aggiornamenti.

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.

Campi in un'app basata su modello dall'aspetto moderno e aggiornato.

Pagina dashboard

La pagina del dashboard di sistema, con griglie secondarie e grafici indipendenti, è stata aggiornata per utilizzare la nuova barra dei comandi e ha uno stile simile alle sezioni nelle pagine modulo e visualizzazione. Quando l'esperienza moderna è abilitata o quando si utilizza il canale mensile, le griglie del dashboard di sistema utilizzano il nuovo controllo della griglia di Power Apps. La nuova griglia non è abilitata per impostazione predefinita.

Pagina della dashboard di sistema dall'aspetto moderno e rinnovato.

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 non supportano l'aspetto moderno e aggiornato e 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 il nuovo aspetto moderno e rinnovato, Power Apps non rispetta più le classiche personalizzazioni dei temi. Puoi, tuttavia, sovrascrivere i colori dell'intestazione dell'app per adattarli al marchio della tua organizzazione con il nuovo aspetto moderno e rinnovato. Vedi cambiare il colore dell'intestazione dell'app per maggiori dettagli. 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 utilizzi altri formati come PNG, la navigazione non li visualizzerà e apparirà invece un'icona predefinita.

Domande frequenti

Utilizzando l'aspetto moderno e rinnovato di Power Apps Component Framework o dei componenti di codice personalizzato

Il tema moderno in uso viene passato ai componenti Power Apps component framework che ti consentono di modellare i tuoi componenti con temi moderni.

Utilizzando l'aspetto moderno e rinnovato nelle pagine personalizzate

I controlli moderni possono essere utilizzati con pagine personalizzate e un aspetto moderno e rinnovato. Il tema moderno non è attualmente ereditato dalle pagine personalizzate.

Modifica il colore del testo dell'intestazione dell'app

È possibile modificare il colore dell'intestazione dell'app per adattarla alla tua organizzazione mantenendo un aspetto moderno e rinnovato. Vedi Utilizzare temi moderni per maggiori dettagli. Altre opzioni di personalizzazione del tema per il nuovo aspetto moderno e rinnovato non sono ancora disponibili.

Uso del modulo dall'aspetto moderno e rinnovato

Fornire feedback sull'aspetto moderno e rinnovato

Dopo aver utilizzato l'aspetto moderno e aggiornato delle tue app basate su modello, dicci cosa ne pensi nel forum della community di Power Apps.

Gestione dell'implementazione della disponibilità generale con consenso esplicito

L'aspetto moderno e rinnovato delle app basate su modello è generalmente disponibile nei seguenti canali di rilascio:

  • Canale mensile nell'agosto 2023
  • Canale semestrale a partire dal secondo ciclo di rilascio del 2023

Una volta disponibile a livello generale, gli utenti finali vedranno l'impostazione Prova il nuovo aspetto per consentire un'esperienza moderna e rinnovata. Gli utenti possono tornare alla precedente interfaccia utente (UI) in qualsiasi momento.

Abilitare l'aspetto moderno e rinnovato

Gli utenti finali possono abilitare l'aspetto moderno e aggiornato per le loro app basate su modello nell'app abilitando l'impostazione Prova il nuovo aspetto nell'intestazione della loro app. Possono tornare indietro in qualsiasi momento.

Ripristina la vecchia interfaccia utente

Sì, gli utenti finali possono tornare alla precedene interfaccia utente disattivando l'interruttore Nuovo aspetto. Gli autori possono anche disabilitare il nuovo aspetto aggiornando le impostazioni dell'app.

Per ulteriori informazioni sulla disabilitazione dell'aspetto moderno e aggiornato, vedi Gestire le impostazioni delle app basate su modello nella finestra di progettazione dell'app.

Gli amministratori possono disabilitare l'impostazione Nuovo aspetto in tutte le app di un'organizzazione utilizzando Esplora soluzioni per impostare il valore Nuovo aspetto per le app basate su modello su No. Ciò nasconde l'interruttore Nuovo aspetto e impedisce che il nuovo aspetto moderno e rinnovato abbia effetto.

  1. Apri https://make.powerapps.com/

  2. In Soluzioni apri una soluzione esistente con una o più app basate su modello:

  3. Seleziona 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 ambiente impostazioni su No.

  9. Seleziona Salva.

  10. Pubblicare tutte le personalizzazioni.

    Nota

    Se utilizzi il secondo ciclo di rilascio del 2023 e desideri disattivare il nuovo aspetto, aggiorna l'impostazione Prova il nuovo aspetto.

Gestire l'implementazione della disponibilità generale per impostazione predefinita

L'aspetto moderno e aggiornato delle app basate su modello è attivo per impostazione predefinita nei seguenti canali di rilascio:

  • Canale mensile nell'aprile 2024
  • Canale semestrale a partire dal primo ciclo di rilascio del 2024

Una volta disponibile a livello generale, gli utenti finali potranno vedere l'impostazione Nuovo aspetto abilitata per impostazione predefinita che mostra un'esperienza moderna e aggiornata. Gli utenti possono tornare alla precedente interfaccia utente (UI) in qualsiasi momento. Per il canale semestrale, il lancio avverrà lentamente nel corso di molte settimane a partire da aprile. Gli autori e gli amministratori dovrebbero aspettarsi ritardi nel vedere questa funzionalità implementata nelle loro app.

Abilitazione dell'aspetto moderno per la mia app e rimozione dell'interruttore

Negli scenari in cui autori e amministratori desiderano attivare un'esperienza moderna "Always on", possono abilitarla configurando l'impostazione Nuovo aspetto sempre attivo dell'app. Ciò consente un aspetto moderno e rinnovato per tutti gli utenti dell'app ed elimina la possibilità di disattivare il cambio di intestazione per gli utenti finali Nuovo aspetto.

Gli amministratori possono abilitare l'impostazione Nuovo aspetto sempre attivo in tutte le app di un'organizzazione utilizzando Esplora soluzioni per impostare il valore Nuovo aspetto sempre attivo su . Questo nasconde l'interruttore Nuovo aspetto e abilita l'aspetto moderno e rinnovato per tutti gli utenti.

  1. Apri https://make.powerapps.com/
  2. In Soluzioni apri una soluzione esistente con una o più app basate su modello:
  3. Seleziona Aggiungi esistente > Altro > Impostazione.
  4. Cerca Nuovo aspetto sempre attivo.
  5. Seleziona Nuovo look sempre attivo.
  6. Seleziona Aggiungi per aggiungerlo alla soluzione.
  7. Seleziona Nuovo aspetto sempre attivo da Esplora soluzioni.
  8. Aggiorna Valore ambiente impostazioni su .
  9. Seleziona Salva.
  10. Pubblicare tutte le personalizzazioni.