Branding dell'interfaccia utente nella struttura dell'interfaccia utente Web

La struttura Web UI consente di modificare il marchio dell'IU con il nome del proprio marchio, inclusi i logo dell'azienda. È possibile utilizzare i plugin Ext JS per personalizzare l'aspetto.

È anche possibile modificare il tema e altri elementi. Un'applicazione di esempio può essere suddivisa nelle seguenti due parti:
  • Temi
  • Layout

Temi

Tutti i temi utilizzati nella struttura Web UI utilizzano file CSS che possono essere sovrascritti da:

  • Inserimento delle voci sovrascritte in una directory. Un file CSS personalizzato può essere posizionato ovunque.

    Utilizzare la tag IncludeCSS per sovrascrivere il file CSS. La tag IncludeCSS supporta una locale. Utilizzare il file localizzato del CSS per la locale corrispondente. Il file localizzato può essere utilizzato per sovrascrivere il CSS.

    Esempio:
    <scuitag:includeCSS path="/sfs/resources/default/css/sfs-core.css" />
  • Utilizzando l'implementazione della post-autenticazione ISCUIPostAuthenticationProvider ).

Layout

Questo è un layout di esempio che può essere utilizzato come punto di partenza da un'applicazione. È possibile scegliere di progettare un proprio layout personalizzato, ma questo tipo di struttura di layout è consigliato.

Il layout dello schermo può essere suddiviso in cinque parti diverse, come mostrato di seguito.

Uno schermo di esempio per un sistema di gestione delle compagnie aeree, con cinque parti
Tabella 1. Layout dello schermo
Sezione del diagramma di layout dello schermo Parte layout schermo Descrizione
A Intestazione È composto da nome applicazione, logo aziendale, link statici, informazioni dell'utente collegato e un'immagine di sfondo.
B Menu La struttura dell' Web UI consente di includere il menu in una schermata. Gli utenti possono richiamare una funzione JavaScript passando l'ID dell'elemento HTML in cui deve essere eseguito il rendering del menu. Le voci di menu vengono recuperate dall'API getUserHierarchy per l'utente collegato.
C Intestazione pagina È composto dal titolo della pagina e da uno o più pannelli.
D Pagina o schermo È composto da uno o più pannelli.
E Piè di pagina Consiste in collegamenti statici e informazioni sul copyright.