Crear informes HTML

Los informes HTML pueden contener muchos archivos de imagen y HTML. Se entregan a los usuarios como archivos .zip.

Este tutorial muestra cómo:

  • crear un informe HTML
  • incrustar imágenes en un informe HTML
  • Añadir un nivel
  • agregar una indicación de variable de nivel como una etiqueta

El informe final tendrá un título apropiado e imágenes en un marco para cada uno de tres años. Los informes HTML son compatibles con la mayoría de objetos de Qlik Sense. Vea: Trabajar con objetos de Qlik

Pruebas

Puede utilizar nuestros archivos de muestra para crear su informe. Para descargar estos archivos, vea: Archivos de muestra.

Crear un nuevo informe de HTML

Haga lo siguiente:

  1. Seleccione Informes en el menú principal de Qlik NPrinting y después haga clic en el botón Crear informe.
  2. Escriba un Título para el informe.
  3. Seleccione HTML en la lista desplegable Tipo.
  4. Seleccione una app en la lista desplegable App.
  5. Seleccione una Plantilla de entre las opciones disponibles:

    • Plantilla vacía: utiliza una plantilla vacía.
    • Plantilla predeterminada: utiliza la plantilla predeterminada (solo está disponible si se ha definido una plantilla por defecto en las Configuraciones de informe. Vea Cargar un archivo de Office, HTML o PixelPerfect como plantilla.
    • Personalizado - Elija un archivo para utilizarlo como plantilla.
  6. Haga clic en Crear para crear el informe.

Seleccionar conexiones y objetos

Haga lo siguiente:

  1. Haga clic en Editar plantilla para abrir el Editor de plantillas.
  2. Haga clic con el botón derecho en el nodo Imágenes y seleccione Añadir objetos.
  3. Seleccione los objetos que desee añadir como imágenes.
  4. Haga clic en Aceptar.
  5. Arrastre y suelte sus objetos de imagen a las líneas entre las etiquetas <body> y </body>.
  6. Haga clic en Vista previa.
  7. Revise el informe, ciérrelo y después edite la plantilla de nuevo si lo necesita.
  8. Haga clic en Guardar y cerrar para guardar la plantilla y cerrar el Editor de plantillas.

El informe resultante

 <html>
	<body Style="text-align: center;">
		<h3 Style="text-align: center; font: 21px verdana;">		    Los 10 mejores países 		</h3> 			  <img src="%%CH320%%" alt="CH320"> 		<h3 Style="text-align: center; font: 21px verdana;">		    Los 10 mejores productos 		</h3> 			<img src="%%CH184%%" alt="CH184"> 	</body>
</html>			

Abrir la ventana de selección de niveles

Puede producir un informe HTML con niveles que se alternan en ciclo tras cada año.

Haga lo siguiente:

  1. Haga clic con el botón derecho en el nodo Niveles y seleccione Añadir niveles.
  2. Seleccione Year de la lista de niveles.
  3. Pulse Aceptar.
  4. Amplíe el nodo Niveles.
  5. Arrastre y suelte el símbolo del nodo Year_Level a una línea entre las etiquetas <body> y </body>.

    Añada líneas si es necesario.

  6. El resultado son tres nuevas líneas: %%Year_Level%%, %%/Year_Level%% y una línea en blanco entre las líneas.

  7. Coloque la línea %%Year_Level%% lantes de los elementos que desee incluir en el ciclo de nivel y la línea %%Year_Level%% tras los elementos que desee incluir en el ciclo del nivel.
  8. Expanda el nodo Year_Level.
  9. Arrastre y suelte el símbolo del nodo Year a una línea entre las líneas %%Year_Level%% y las líneas %%Year_Level%%.

  10. Añada elementos de estilo inline. Vea los ejemplos de código a continuación.

El informe resultante

El código HTML siguiente, por ejemplo, crea el correspondiente informe HTML. El informe tendrá tres secciones con sus títulos, una por cada año.

<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;">Los 10 mejores países</h3> 			<img src="%%CH320%%" alt="CH320"> 			<h3 Style="text-align: center; font: 21px verdana;">Los 10 mejores productos</h3> 			 <img src="%%CH184%%" alt="CH184"> %%/Year_Level%%  	</body>
</html>