Home

TOTVS | Plataformas e tecnologias

Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Deck of Cards
id7
Card
id7
labelPasso 1

É necessária a inclusão dos componentes de renderização do relatório. Clique na aba Layout para visualizar a página do relatório que está em branco e em seguida selecione a aba Palette conforme a figura 21.

 

Figura 21 – Relatório em branco.

Na aba Pallets é possível incluir vários componentes de visualização e renderização de dados entre eles destacam-se:

  • Label: Texto curto e estático;
  • Text: Texto longo é possível formatá-lo com TAG’s HTML;
  • Dynamic Text: Texto dinâmico provido do Data Set;
  • Image: Inclusão de imagens;
  • Grid: Formatador de dados em Grid;
  • Table: Tabela de dados;
  • Chart: Gráficos de pizza, linha, tubo, etc.

É possível incluir imagens da internet, incluir imagens de arquivo ou ainda embutir a imagem no XML do relatório. Neste exemplo será usada uma imagem em anexo para posteriormente mostrar como publicar relatórios com anexo.

Card
id7
labelPasso 2

Arraste um componente Image no relatório, ao abrir a janela Edit Image Item, selecione a opção Image file in shared resources, selecione o arquivo da imagem na opção Enter resource file e em seguida clique no botão Insert conforme figura 22.

 

Figura 22 – Componente Imagem.

 

Arraste um componente Text no relatório, ao abrir a janela Edit Text Item selecione a opção HTML e na área de texto inclua a seguinte informação formatada em HTML:

Bloco de código
<H1><B>TOTVS S/A</B></H1> Av. Santos Dumont, 831 – Bom Retiro <br> CEP 89.222-900 – Joinville – SC – Brasil <br>Telefone: +55 (47) 2101-7000 <br> Fax: +55 (47) 2101-7070 </br>
Card
id7
labelPasso 3

Em seguida clique no botão OK conforme figura 23.

 

Figura 23 – Componente Text.

Card
id7
labelPasso 4

Arraste um componente Label no relatório, clique duas vezes sobre o componente incluído e digite Relatório de Colaboradore na aba Properties Editor -> Properties clique em General e defina a formatação da label, conforme figura 24.

 

Figura 24 – Título do relatório.

Card
id7
labelPasso 5

Arraste um componente Table, ao abrir a janela Insert Table defina 6 colunas e 1 detalhe e clique no botão OK conforme figura 25.

 

Figura 25 – Configuração da Tabela.

Na tabela adicionada ao relatório inclua um componente Label para cada coluna da linha Header Row defina os seguintes valores:

  • Matrícula;
  • Nome;
  • Login;
  • E-mail;
  • Ativo;
  • Administrador.
Card
id7
labelPasso 6

 Formate as labels incluíndas definindo cor da fonte e cor de fundo conforme figura 26.

 

Figura 26 – Título das Colunas.

Renderizando dados do DataSet

Deck of Cards
id8

Selecione a aba Data Explorer e expanda o colleagueDataSet criado anteriormente e em seguida arraste cada item do Data Set para a coluna Detail Row da tabela criada anteriormente conforme figura 27.

 

Image Added

Figura 27 – Data Set.