Creazione e aggiornamento di temi

Tradizionale:
è possibile creare un tema per fornire uno stile comune a una serie di viste. È possibile aggiornare il tema di un'applicazione del processo in esecuzione senza dover ridistribuire l'applicazione del processo.

Informazioni su questa attività

La creazione di un tema consiste nell'assegnare valori a una serie di variabili del tema. Per impostazione predefinita, una nuova applicazione del processo utilizza il tema Carbonio perché contiene un insieme completo di variabili utilizzate dalle viste del toolkit dell'IU. Se si desidera creare un proprio tema e utilizzare una delle viste UI nell'applicazione del processo, utilizzare il tema Carbonio come punto di partenza. È quindi possibile estendere il tema aggiungendo variabili personalizzate e modificandole. Le variabili iniziano con un prefisso bpm .

BPMUpdateCommand aggiorna l'applicazione del processo di destinazione o la snapshot del toolkit con le definizioni del tema di un progetto di origine. Esistono molti modi in cui è possibile utilizzare il comando, ma i passi riportati nella seguente procedura forniscono un suggerimento su come utilizzare il comando in modo efficiente.

Procedura

Per creare un tema:

  1. Fare clic sul segno più accanto a Interfaccia utente e selezionare Tema.
  2. Specificare il nome del nuovo tema.
  3. Selezionare se si desidera copiare un tema esistente dal progetto corrente o dal toolkit dipendente oppure importare un tema.
    Importante: se si sta importando un tema, accertarsi che contenga tutte le variabili e i commenti e metadati. Se il tema non contiene queste variabili e si utilizzano le viste UI, si verifica un errore quando il sistema genera CSS per l'applicazione del processo. Per questo motivo, basare il tema sul tema Carbonio o su un altro tema che contiene tutte le variabili. Le variabili iniziano con bpm e sono riservate.
    Dopo aver fatto clic su Fine, l'editor apre il nuovo tema.
  4. Nell'editor del tema, assegnare valori alle variabili del tema.
    Il valore può essere un valore specifico, una formula, un'altra variabile o una combinazione di questi tipi. Per esempio, @bpm-neutral: #586464 definisce il valore di un colore specifico mentre @bpm-link-color: @bpm-color-primary; definisce il valore con il valore di un'altra variabile.
    • Nella pagina Progettazione , modificare il valore per una o più variabili. Molte variabili hanno un campione su cui è possibile fare clic e quindi scegliere un valore da un selezionatore. Le viste di esempio vengono aggiornate per visualizzare i nuovi valori. Se si passa con il mouse su una vista, è possibile visualizzare le variabili specifiche che influiscono su tale vista e sui relativi valori correnti.
    • Nella pagina Origine , assegnare un valore a ciascuna variabile del tema che si desidera modificare. Se si dispone di viste personalizzate a cui si desidera aggiungere lo stile dinamico, aggiungere le variabili per tale stile. Le variabili sono in formato Minore:
      @variableName: value;
      Se si desidera visualizzare una variabile tema personalizzata nella pagina Progettazione , aggiungere metadati come nel seguente esempio:
                                      //|EM|{"group":"PREVIEW_GROUP_BASE_SETTINGS","order":"010020","type":"color"}|DE|
      @bpm-neutral-darker:  #2d3737;  //|EEM|
      Il gruppo è il nome della categoria che contiene la variabile. Nell'esempio, PREVIEW_GROUP_BASE_Settings è una chiave per un valore in una risorsa di localizzazione (Impostazioni base), ma può essere una stringa ordinaria.
    La pagina Progetto e la pagina Origine reagiscono alle modifiche apportate nell'altro. Ad esempio, aggiungere la seguente variabile alla pagina Origine
                                        //|EM|{"group":"My Group","type":"color"}|DE|
    @my-color:            #0d1122;      //|EEM|
    Se si passa alla pagina Progettazione , è possibile visualizzare una categoria Gruppo personale che contiene una variabile my-color .
  5. Fare clic su Salva o su Termina modifica.

Per massimizzare i benefici dell'aggiornamento dell'aspetto di un'applicazione di processo senza doverla ridistribuire:

  1. Creare un toolkit per contenere tutti i temi che verranno utilizzati dalle applicazioni del processo o dai toolkit.
  2. Creare un'applicazione del processo fittizia o vuota che abbia una dipendenza sul toolkit del tema.
  3. Per ciascuna applicazione del processo o toolkit, creare una dipendenza dal toolkit del tema.
  4. Distribuire le applicazioni del processo e l'applicazione del processo fittizia.
    La distribuzione dell'applicazione del processo fittizia distribuisce anche il toolkit del tema.
  5. Quando si desidera aggiornare il tema per tutte le applicazioni del processo:
    1. Aggiorna il toolkit del tema e distribuisci una nuova snapshot dell'applicazione fittizia.
    2. Eseguire il comando BPMUpdateTheme utilizzando la nuova istantanea dell'applicazione fittizia come origine per le nuove definizioni
      È probabile che si esegua lo script utilizzando il comando per aggiornare tutte le applicazioni del processo in esecuzione.
      Per informazioni sul comando, consultare il comando BPMUpdateTheme

Risultati

Può essere necessario del tempo per generare il codice CSS basato sui valori aggiornati nella definizione del tema. Per questo motivo, potrebbe verificarsi un ritardo prima che Process Designer utilizzi i nuovi valori nella definizione del tema per visualizzare i coach e le viste che utilizzano tale tema. Al runtime, il codice CSS è già stato creato in modo che non si verifichi alcun ritardo.