Visualizador de documentos

Observação: se você quiser apenas renderizar imagens, recomendamos usar o controle Imagem.

Use o controle Visualizador de documentos para renderizar um documento e exibi-lo embutido em seu aplicativo. Por exemplo, para exibir um documento de fatura ou um recibo que pode estar localizado em várias fontes, como buckets de armazenamento, entidades ou links públicos.

Observação:

Se você estiver trabalhando com um bucket de armazenamento em seu aplicativo, a propriedade Origem de um controle do Visualizador de documentos deve ser uma variável AppsFile :

1. Adicione uma regra Baixar do bucket de armazenamento para seu aplicativo.

2. Associe uma variável AppsFile à regra Download do bucket de armazenamento .
3. Associe a mesma variável AppsFile à propriedade Origem do Visualizador de documentos.

Importante:

Se você estiver usando o Google Chrome, dependendo de suas configurações, o navegador pode baixar o documento em vez de abri-lo. Isso pode fazer com que o documento não seja exibido corretamente no aplicativo.

Se você estiver enfrentando esse problema, siga estas etapas:

1. Cole o seguinte na barra de endereço do Google Chrome: chrome://settings/content

2. Role para o final da página e selecione Configurações adicionais de conteúdo. Uma seleção suspensa é aberta.

3. Selecionar documentos PDF.

4. Selecione a opção Abrir PDFs no Chrome .

Geral

• Origem — a origem do documento que você deseja exibir. Os tipos de arquivos suportados são documentos e imagens PDF (JPEG, PNG, BMP, GIF e WEBP).
• Oculto — se verdadeiro, oculta o controle no tempo de execução.
• Desabilitado — se verdadeiro, desabilita o controle no tempo de execução.

Events

Não há eventos.

Estilo

• Alinhamento de controle — Por padrão, herda o alinhamento pai. É possível definir outro alinhamento que não o pai. Para voltar ao alinhamento padrão pai, desmarque as opções substituídas.

  Observação: o alinhamento depende do layout selecionado para o pai (Vertical vs Horizontal).

• Borda — define a borda do controle. Espessura, cor e raio da borda podem ser configurados.

• Margem — define a margem do layout.Por padrão, uma margem de 4px é definida. As propriedades de margem Top/Bottom (Superior/Inferior) e Left/Right (Esquerda/Direita) são combinadas. Essas propriedades podem ser desanexadas usando o botão Link no lado direito da seção Margem.

• Tamanho — a largura e a altura do controle. Por padrão, o tamanho é definido como auto, o que significa 320x410px. Para definir valores mínimos ou máximos, clique no ícone de três pontos (...).