Creazione di report HTML
I report HTML contengono file HTML e di immagine, che vengono inviati agli utenti come file .zip.
Questo tutorial mostra come:
- creare un report HTML
- incorporare immagini in un report HTML
- aggiungere un livello
- aggiungere un tag variabile livello come etichetta
Il report finale coprirà tre anni e avrà un titolo e immagini appropriate in una cornice per ciascuno dei tre anni. I report HTML supportano la maggior parte degli oggetti Qlik Sense. Vedere: Utilizzo di oggetti Qlik
Test
Per creare il report è possibile utilizzare i nostri file di esempio. Per scaricare questi file, vedere: File di esempio.
Creazione di un nuovo report HTML
Procedere come segue:
- Selezionare Report nel menu principale di Qlik NPrinting, quindi fare clic su Crea report.
- Immettere un Titolo per il report.
- Selezionare HTML nell'elenco a discesa Tipo.
- Selezionare un'app dall'elenco a discesa App.
-
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.
- Fare clic su Crea per creare il report.
Selezione di connessioni e oggetti
Procedere come segue:
- Fare clic su Modifica modello per aprire l'Editor modelli.
- Fare clic con il pulsante destro del mouse sul nodo Immagini, quindi selezionare Aggiungi oggetti.
- Selezionare gli oggetti che si desidera aggiungere come immagini.
- Fare clic su OK.
- Trascinare gli oggetti immagine sulle linee tra i tag <body> e </body>.
- Fare clic su Anteprima.
- Controllare il report, chiuderlo, quindi modificare nuovamente il modello, se necessario.
- Fare clic su Salva e chiudi per salvare il modello e chiudere l'editor modelli.
Report risultante
<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 che si ripetono ciclicamente ogni anno.
Procedere come segue:
- Fare clic con il pulsante destro del mouse sul nodo Livelli, quindi selezionare Aggiungi livelli.
- Selezionare Year dall'elenco di livelli.
- Fare clic su OK.
- Espandere il nodo Livelli.
-
Trascinare il token del nodo Year_Level su una riga tra i tag <body> e </body>.
Aggiungere righe se necessario.
- 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.
- Espandere il nodo Year_Level.
-
Trascinare il token del nodo Year su una riga tra le righe %%Year_Level%% e %%Year_Level%%.
- Aggiungere elementi di stile incorporati. Vedere gli esempi di codice di seguito.
Il risultato sono tre nuove righe, %%Year_Level%%, %%/Year_Level%% e una riga vuota tra le righe.
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>