Cambiare i colori e il formato delle intestazioni tabella e delle celle

Permessi Richiesti

Questa sezione richiede il permesso Application Designer dal tuo amministratore di Dominio.

Consulta Quali sono i compiti di Design? per saperne di più riguardo ai permessi per lavorare con il Design Mode e altri strumenti.

Impara come personalizzare l'aspetto di tabelle e colonne. In Design Mode, puoi personalizzare i colori dell'intestazione, delle celle o dei testi delle tabelle dell'applicazione. Inoltre, puoi personalizzare il font e la formattazione delle celle.

Segui i passi sotto per cambiare o colori di intestazioni, celle o testi della tabella nella tua applicazione.

  1. In Design Mode nel pannello principale Table, clicca su Layout nella barra laterale sinistra. L'azione conduce al sotto-pannello dove puoi personalizzare i colori.

  2. Nel pannello Layout, clicca sulla tab della tabella che vuoi personalizzare.

  3. Nella tab corrispondente, trovi la lista dei campi visibili.

    Scegli l'elemento che vuoi personalizzare dalla tabella.

    • (1) Clicca sul pulsanteHeader Colors Bg per personalizzare il colore di sfondo dell'intestazione per la colonna del campo selezionato.

    • (2) Clicca sul pulsante Header Colors text per personalizzare il colore del testo dell'intestazione per la colonna del campo selezionato.

    • (3) Clicca sul pulsante Cell Color Bg per personalizzare il colore di sfondo della cella per la colonna del campo selezionato.

    • (4) Clicca sul pulsante Cell Colors text per personalizzare il colore del testo della cella per la colonna del campo selezionato.

    Se vuoi personalizzare l'intero colore della riga (Row Color), (1) clicca su Toggle Advanced Settings e poi su (2) Row Colors > Background.

    Scegliere l'elemento da personalizzare cliccando sul relativo pulsante apre la finestra Color Settings.

  4. Nella finestra Color Settings per l'elemento del campo colonna selezionato, scegli un colore dalla lista predefinita (1) o definiscine uno tramite la palette (2).

    Tip

    Puoi inserire uno dei codici HTML supportati per specificare un particolare colore nella palette.

    Come alternativa, clicca su Set Formula per definire una Formula che definisce quale colore mostrare. L'azione apre il Formula Editor per inserire la formula. Il colore dell'elemento cambierà in base alle condizioni della formula. (Clicca su Clear Formula per rimuovere la formula che gestisce i colori.)

    Example

    Se vuoi sapere di più su come le formule possono gestire i colore, consulta il caso d'uso La cella cambia colore quando registri una spesa o entrate nel Formulario casi d'uso..

  5. Clicca su Confirm per confermare i cambiamenti. (Clicca su Reset Default per ripristinare le impostazioni predefinite per il colore dell'elemento. Clicca Cancel per annullare i cambiamenti.)

    Il colore scelto apparirà come anteprima sul pulsante colore corrisponde all'elemento.

    Se hai configurato una formula che gestisce i colori, la dicitura F(x) apparirà sul pulsante colore dell'elemento.

  6. Puoi cambiare il formato delle celle della colonna.

    Sotto la colonna Formatting, puoi scegliere per ciascun campo un font per la formattazione della cella.

    Cliccare sul menù a tendina e scegliere uno dei font disponibili.

    Cliccare su uno degli stili disponibili per la formattazione: grassetto (), corsivo () e barrato ().

    Scegli un allineamento per il testo per il testo delle celle della colonna.

    Clicca sull'icona. L'azione apre un menù a tendina con gli allineamenti di testo disponibili: Centrato, Destra, Sinistra e Giustificato. (In maniera predefinita, i campi sono allineati a sinistra, eccezione fatta per campi di tipo numerico (Numeric), menù a tendina Lookup e i campi di tipo _RTF. I numerici sono allineati a destra. I menù a tendina Lookup sono allineati al centro. La formattazione dei campi di tipo RTF dipende dal formato RTF e non dal pannello Layout.)

  7. Clicca su Save per salvare i cambiamenti fatti. Trovi il pulsante Save nell'angolo in alto a sinistra del Design Mode.

Tip

Puoi copiare e incollare i colori, font, stile e allineamento di un campo nel pannello Layout. 

1
2
3
4
* Clicca sull'icona  sul campo per **copiare** il suo font, stile, colori e allineamento.
* Clicca sull'icona  per **incollare** il font, stile, colori e allineamento copiati sul campo.

![](img/header-gif-2.gif)

Tip

Puoi vedere in anteprima in risultato finale attivando l'interruttore Toggle Advanced Settings.

L'azione apre il sotto-menù che mostra un'anteprima deglle intestazioni e delle colonne inclusi i colori.

Success

Hai personalizzato l'aspetto di intestazioni tabella e celle!