Interface do Designer

O Template Designer é o espaço de trabalho principal para construir seus modelos de PDF. Ele oferece um canvas visual para posicionar elementos, um conjunto robusto de abas de configuração para controlar dados e lógica, e ferramentas para pré-visualizar seu trabalho.

Canvas

O Canvas é sua área de trabalho principal, representando a página que você está projetando.

Comportamento de escala automática

O canvas é ajustado automaticamente para caber no tamanho da sua janela.

• Proporção: A representação visual mantém a proporção correta das configurações da sua página (ex.: A4).
• Escala visual: Embora o canvas possa parecer menor ou maior dependendo do tamanho da tela, todos os elementos (tamanho do texto, imagens, etc.) são redimensionados proporcionalmente.
• Precisão: A pré-visualização na tela é visualmente precisa em termos de layout e proporção, mesmo não sendo 1:1 em tamanho físico.

Seleção e navegação

• Selecionar elemento: Clicar em um elemento no canvas o seleciona e alterna automaticamente o painel direito para a aba Style.
• Desselecionar: Clicar em uma área vazia do canvas desseleciona o elemento atual e retorna o painel para a aba Elements (ou a aba geral anteriormente ativa).

Modo Wireframe

Você pode alternar entre Preview Mode (visualização padrão) e Wireframe Mode usando o menu dropdown na barra de ferramentas superior.

Quando usar o Modo Wireframe

1. Desempenho: Se você tem muitos elementos pesados (imagens de alta resolução, tabelas complexas), alternar para o Modo Wireframe melhora significativamente a responsividade.
2. Verificação de layout: Substitui todos os elementos por caixas de espaço reservado leves, facilitando a visualização dos limites exatos e do alinhamento sem distrações visuais.
3. Encontrar elementos "perdidos": Se um elemento de texto estiver vazio ou escondido atrás de outra camada, ele pode ser invisível no Modo Preview. O Modo Wireframe revela todos os elementos como caixas, ajudando a localizá-los e selecioná-los.

Preview PDF

Clicar no botão Preview PDF na barra de ferramentas superior gera um PDF temporário baseado no seu design atual.

Como funciona

1. O motor salva o estado atual do seu modelo.
2. Gera um arquivo PDF genuíno usando o motor de produção.
3. Abre o arquivo no visualizador de PDF padrão do seu sistema.

Limitações

• Variáveis simples: O preview tenta usar a primeira linha dos seus dados CSV/Excel, se mapeados. Caso contrário, usa valores de espaço reservado (ex.: [InvoiceNo]).
• Tabelas de grupo: O preview não pode iterar sobre listas de transações reais. Ele usa dados fictícios ou uma única linha para tabelas de grupo. Você não verá uma lista completa de múltiplas páginas no Preview PDF.

Abas de configuração

O painel direito do Designer contém cinco abas principais que controlam todos os aspectos do seu modelo: