Creazione di report HTML

Di seguito viene mostrato come creare un report HTML con livelli. Si presume che l'utente abbia familiarità con le comuni funzioni di progettazione di Qlik NPrinting. I report HTML supportano la maggior parte degli oggetti Qlik Sense. Vedere: Utilizzo di oggetti Qlik

Incorporeremo le immagini di due oggetti QlikView in un report HTML, quindi aggiungeremo un livello e il tag variabile livello come etichetta al report HTML. Il report risultante sarà prodotto con un titolo e immagini appropriate in una cornice per ciascuno dei tre anni.

Nota: I report HTML possono contenere molti file HTML e immagine, che vengono inviati agli utenti come file .zip.

Creazione di un nuovo report di HTML

Procedere come segue:

  1. Selezionare Report nel menu principale di Qlik NPrinting, quindi fare clic su Crea report.
  2. Immettere un titolo per il report. HTML Report (Sales).
  3. Selezionare HTML nell'elenco a discesa Tipo.
  4. Selezionare un'app dall'elenco a discesa App.

  5. Selezionare un modello tra le opzioni disponibili:

    • Modello vuoto: utilizza un modello vuoto
    • Modello predefinito: utilizzare il modello predefinito (disponibile solo se è stato impostato un modello predefinito in Impostazioni report). Vedere Caricamento di un file Office, HTML o PixelPerfect come modello.
    • Personalizzato: selezionare un file da utilizzare come modello.
  6. Fare clic su Crea per creare il report.

Selezione di connessioni e di oggetti da aggiungere

Procedere come segue:

  1. Fare clic su Modifica modello per aprire l'Editor modelli.
  2. Fare clic con il pulsante destro del mouse sul nodo Immagini, quindi selezionare Aggiungi oggetti.
  3. Selezionare gli oggetti. In questo caso, selezionare CH184 e CH320.
  4. Fare clic su OK.
  5. Trascinare i token CH320 e CH184 sulle righe tra i tag <body> e </body>.
  6. Aggiungere righe necessarie e aggiungere alcuni tag elemento a blocco, come <p>, <table> o <div>, per gli elementi di gestione della presentazione e dello stile in linea, come illustrato nella sezione successiva.

Anteprima e salvataggio

Procedere come segue:

  1. Fare clic su Anteprima.
  2. Controllare il report, chiuderlo, quindi modificare nuovamente il modello, se necessario.
  3. Fare clic su Salva e chiudi per salvare il modello e chiudere l'editor modelli.

Report risultante

Il seguente codice HTML, ad esempio, crea un report HTML corrispondente:

<html> <body Style="text-align: center;"> <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 countries
 </h3>   <img src="%%CH320%%" alt="CH320">  <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 products
</h3> <img src="%%CH184%%" alt="CH184"> </body> </html>

Apertura della finestra di selezione livelli

È possibile produrre un report HTML con livelli. Ad esempio, per produrre un livello che si ripeta ciclicamente ogni anno, effettuare le seguenti operazioni:

  1. Fare clic con il pulsante destro del mouse sul nodo Livelli, quindi selezionare Aggiungi livelli.
  2. Selezionare Year dall'elenco di livelli.
  3. Fare clic su OK.
  4. Espandere il nodo Livelli.

  5. Trascinare il token del nodo Year_Level su una riga tra i tag <body> e </body>.

    Aggiungere righe se necessario.

    6. Il risultato sono tre nuove righe, %%Year_Level%%, %%/Year_Level%% e una riga vuota tra le righe.

  6. Disporre la riga %%Year_Level%% prima degli elementi che si desidera includere nel ciclo di livelli e la riga %%Year_Level%% dopo gli elementi che si desidera includere nel ciclo di livelli.
  7. Espandere il nodo Year_Level.

  8. Trascinare il token del nodo Year su una riga tra le righe %%Year_Level%% e %%Year_Level%%.

  9. Aggiungere elementi di stile incorporati. Vedere gli esempi di codice di seguito.

Anteprima e salvataggio

Procedere come segue:

  1. Fare clic su Anteprima.
  2. Controllare il report, chiuderlo, quindi modificare nuovamente il modello, se necessario.
  3. Fare clic su Salva e chiudi per salvare il modello e chiudere l'editor modelli.

Report risultante

Il seguente codice HTML, ad esempio, crea un report HTML corrispondente. Il report avrà tre sezioni con titolo, una per ogni anno.

<html> <body Style="text-align: center;"> %%Year_Level%%  <h2 Style="font: 24px verdana;font-weight: bold;"> %%Year%%  </h2> <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 countries
</h3> <img src="%%CH320%%" alt="CH320"> <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 products
</h3>  <img src="%%CH184%%" alt="CH184">   %%/Year_Level%% </body> </html>