Vai al contenuto principale Passa a contenuto complementare

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:

  1. Selezionare Report nel menu principale di Qlik NPrinting, quindi fare clic su Crea report.
  2. Immettere un Titolo per il report.
  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 oggetti

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 che si desidera aggiungere come immagini.
  4. Fare clic su OK.
  5. Trascinare gli oggetti immagine sulle linee tra i tag <body> e </body>.
  6. Fare clic su Anteprima.
  7. Controllare il report, chiuderlo, quindi modificare nuovamente il modello, se necessario.
  8. 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:

  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.

  7. 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.
  8. Espandere il nodo Year_Level.
  9. Trascinare il token del nodo Year su una riga tra le righe %%Year_Level%% e %%Year_Level%%.

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

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>

Ulteriori informazioni

Hai trovato utile questa pagina?

Se riscontri problemi con questa pagina o con il suo contenuto – un errore di battitura, un passaggio mancante o un errore tecnico – facci sapere come possiamo migliorare!