Con la grafica Midnight, le maschere di valutazione PMP (Performance Management Process) adottano uno stile rinnovato per titoli di sezione, campi, label, icone e spaziature. Questo articolo ti spiega come interagiscono le personalizzazioni grafiche (CSS e HTML) con la grafica Midnight all'interno dei PMP e come scrivere personalizzazioni — sia nuove sia esistenti — che funzionino correttamente senza essere coperte o, viceversa, senza coprire in modo involontario lo stile Midnight.

Tieni presente le regole illustrate qui ogni volta che configuri la grafica di un Dominio personalizzato o modifichi lo stile di una maschera PMP.

Ambito

Le indicazioni di questo articolo riguardano solo la sezioni Performance e più specificatamente le maschere PMP: scheda di valutazione, compilazione obiettivi e sottoviste come Competenze, Azioni di sviluppo, Skill. Non interessano le altre aree dell'applicazione, dove valgono le regole grafiche standard.

Elementi ridisegnati dalla grafica Midnight nei PMP:

• Titoli di sezione (intestazioni con icona a sinistra): colore, font, icona e spaziature
• Campi in sola lettura: colori di sfondo e bordo
• Label dei campi: tipografia e, dove previsto, icona di spunta a sinistra
• Spaziature di righe, tab e riquadri
• Titoli vuoti: nascosti automaticamente
• Icone (ad esempio la freccia dei menu dropdown dei workflow)

Come la grafica Midnight interagisce con le personalizzazioni

Le regole grafiche Midnight per i PMP sono costruite in modo da:

• applicarsi solo alle pagine PMP e non al resto dell'applicazione;
• avere priorità più alta rispetto alla grafica di base.

Di conseguenza una personalizzazione grafica prevale sulla grafica Midnight solo se è altrettanto mirata e ha priorità almeno equivalente. Personalizzazioni scritte in forma "leggera" (selettori semplici, senza priorità forzata) vengono coperte dalla grafica Midnight all'interno dei PMP.

Questo vale in entrambe le direzioni: se devi mantenere uno stile personalizzato nei PMP devi seguire le regole qui sotto; se vuoi lasciare la grafica Midnight di default, assicurati che le personalizzazioni esistenti non la coprano con priorità forzata.

Dove risiedono le personalizzazioni grafiche dei PMP

Le personalizzazioni che possono incidere sull'aspetto dei PMP provengono da due punti distinti:

CSS del dominio personalizzato

Dal menu Setup → Domini personalizzati aprendo il dominio personalizzato, nella prima tab, c'è  il foglio di stile caricato a livello di dominio. Agisce in modo globale su tutto il backoffice, quindi anche sulle maschere PMP. Vedi Inserire un logo custom in back office e Configurazione di un dominio personalizzato.

HTML e CSS inseriti nelle viste PMP

Dal menu Setup → Interfaccia utente → Configuratore Viste & Form puoi aprire ogni vista PMP e, dalla pagina di proprietà di ciascun campo o titolo, inserire HTML personalizzato (testo formattato, intestazioni descrittive, stili inline). Queste personalizzazioni sono memorizzate nella definizione della vista e vengono rese nella pagina insieme alla grafica standard.

Con la grafica Midnight, gli stili inline applicati ai titoli scheda non vengono più "ripuliti" automaticamente dall'applicazione come in passato: vengono applicati così come sono. Tienine conto quando configuri o rivedi un titolo scheda con stile inline a priorità forzata, perché prevarrà sulla grafica Midnight.

Regole da seguire quando personalizzi la grafica dei PMP

Valgono sia per le personalizzazioni esistenti da adattare, sia per quelle nuove:

1. Limita sempre la personalizzazione ai soli PMP se non deve impattare il resto dell'applicazione. Nel CSS del dominio, anteponi body.PMP al tuo selettore (ad esempio body.PMP .titoloscheda { ... }).
2. Rendi il selettore sufficientemente specifico, aggiungendo le classi del contenitore (ad esempio table.ScMainFormMaschera). Più il selettore è specifico, più la tua regola prevale sulla grafica Midnight.
3. Aggiungi !important alle proprietà che devono prevalere (colori, sfondo, padding, margin, font-size ecc.).
4. Nel Configuratore Viste & Form, per gli HTML/CSS inseriti nelle proprietà di un campo o di un titolo, applica lo stesso principio: usa stili inline sufficientemente specifici e !important dove serve — oppure rimuovili se preferisci lasciare lo stile Midnight di default.
5. Verifica sempre su schede PMP reali: valutazione, obiettivi, competenze, azioni di sviluppo, sia in lettura che in scrittura. La grafica Midnight reagisce a più stati (campo vuoto, con icona, editabile, in sola lettura).

Elementi più frequentemente coinvolti

Sono i punti del PMP su cui tipicamente le personalizzazioni intervengono e che, quindi, vanno verificati per primi:

• titoli di sezione (intestazioni delle schede e delle sottoviste);
• campi in sola lettura con sfondo, bordo o icona personalizzati;
• label e testi introduttivi con colore, font o allineamento modificati;
• blocchi HTML descrittivi inseriti nelle viste (premesse, istruzioni, legende).

In sintesi

• La grafica Midnight ha priorità più alta rispetto alla grafica di base o sulle personalizzazioni esclusivamente sulle maschere PMP.
• Le personalizzazioni grafiche dei PMP possono risiedere nel CSS del dominio oppure nell'HTML/CSS dei campi e titoli impostati dal Configuratore Viste & Form.
• Per coesistere correttamente con Midnight, una personalizzazione mirata ai PMP, deve avere un selettore specifico e usare !important sulle proprietà che devono prevalere.
• Queste regole valgono sia per personalizzazioni esistenti prima del rilascio della grafica Midnight (da adattare) sia per quelle nuove (da progettare fin dall'inizio seguendo queste regole).
• Verifica sempre il risultato su schede PMP reali.

Vedi anche

• Inserire un logo custom in back office
• Configurazione di un dominio personalizzato
• Viste & Form