Criando relatórios HTML

Veja a seguir como criar um HTML com níveis. Esse procedimento pressupõe que você esteja familiarizado com os recursos de design comuns do Qlik NPrinting. Relatórios HTML oferecem suporte à maioria dos objetos do Qlik Sense. Consulte: Trabalhando com objetos do Qlik

Incorporaremos imagens de dois objetos do QlikView em um relatório HTML e adicionaremos um nível e a tag de variável de nível como rótulo do relatório HTML. O relatório resultante será produzido com um título e imagens apropriadas em um quadro para cada um dos três anos.

Nota: Relatórios do HTML podem conter muitos arquivos HTML e de imagens. Eles são distribuídos aos usuários como arquivos .zip.

Criando um novo relatório do HTML

Faça o seguinte:

  1. Selecione Relatórios no menu principal do Qlik NPrinting e, em seguida, clique em Criar relatório.
  2. Insira um Título para o relatório, por exemplo: HTML Report (Sales).
  3. Selecione HTML na lista suspensa Tipo.
  4. Selecione um aplicativo na lista suspensa Aplicativo. Por exemplo, selecione Sales Demo.
  5. Selecione um Modelo nas opções disponíveis:

  6. Clique em Criar para criar o relatório.

Selecionando conexões e objetos para adicionar

Faça o seguinte:

  1. Clique em Editar modelo para abrir o Editor de Modelos.
  2. Clique com o botão direito no nó Imagens e depois selecione Adicionar objetos.
  3. Selecione os objetos. Nesse caso, selecione CH184 e CH320.
  4. Clique em OK.
  5. Arraste e solte os tokens CH320 e CH184 nas linhas entre as tags <body> e </body>.
  6. Adicione linhas conforme necessário e adicione algumas tags de elemento de bloco, como <p>, <table> ou <div> para elementos de estilo inline e gerenciamento de layout, como mostrado na seção a seguir.

Visualizar e salvar

Faça o seguinte:

  1. Clique em Visualizar.
  2. Verifique o relatório, feche-o e edite o modelo novamente, se necessário.
  3. Clique em Salvar e Fechar para salvar o modelo e fechar o Editor de Modelos.

Relatório resultante

O código HTML a seguir, por exemplo, cria um relatório HTML correspondente:

<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>

Abrindo a janela de seleção de níveis

É possível produzir um relatório HTML com níveis. Por exemplo, para gerar um nível que percorra cada um dos anos, faça o seguinte:

  1. Clique com o botão direito do mouse no nó Níveis e selecione Adicionar níveis.
  2. Selecione Year na lista de níveis.
  3. Clique em OK.
  4. Expanda o nó Níveis.
  5. Arraste e solte o token do nó Year_Level na linha entre as tags <body> e </body>.

    Adicione linhas, se necessário.

  6. O resultado são três novas linhas, %%/Year_Level%%, %%Year_Level%% e uma linha em branco entre elas.

  7. Organize a linha %%Year_Level%% antes dos elementos que você deseja incluir no ciclo do nível e a linha %%Year_Level%% após os elementos que você deseja incluir no ciclo do nível.
  8. Expanda o nó Year_Level.
  9. Arraste e solte o token do nó Year até uma linha entre as linhas %%Year_Level%% e %%Year_Level%%.

  10. Adicione elementos de estilo inline. Veja os exemplos de código abaixo.

Visualizar e salvar

Faça o seguinte:

  1. Clique em Visualizar.
  2. Verifique o relatório, feche-o e edite o modelo novamente, se necessário.
  3. Clique em Salvar e Fechar para salvar o modelo e fechar o Editor de Modelos.

Relatório resultante

O código HTML a seguir, por exemplo, cria um relatório HTML correspondente. O relatório terá três seções com título, uma para cada ano.

<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>