Formas de inserir uma imagem em meu formulário

Olá,

Gostaria de deixar meus formulários mais visuais e com movimenta como por exemplo:

  • Transações em botões.
  • Movimento em imagens.

Para iniciar gostaria de saber quais formas nos temos para colocar uma imagem em um formulário?

Desde já obrigado.

Olá @Framos

Segue abaixo as formas de inserir imagens no Formulário:

Imagem de Background

Se você deseja inserir uma imagem de fundo fixa no formulário, a melhor maneira é através dos Arquivos CSS do Formulário Dinâmico.

Neste caso, você deve selecionar o elemento com a classe DynamicForm para configurar a imagem de fundo. Por exemplo:

.DynamicForm {
	background-image: url('../../Public/Images/jungle-background.jpg');
	background-repeat: no-repeat;
  	background-size: contain;
}
Você também pode usar a URL da imagem no formato Base64, deixando assim a imagem "hospedada" dentro do arquivo CSS.

O resultado seria este:

image

Campo ImageView

Você também pode exibir uma imagem usando o campo do tipo ImageView do Formulário Dinâmico.

image

Neste caso, você pode carregar a imagem de duas formas:

Via URL

Basta Popular o campo com o endereço da imagem.

Via Banco de Dados

Vincule um Extrator de Arquivos nas propriedades do campo. Este extrator deve retornar a imagem que você quer exibir.

Você pode usar a ação Atualizar Fonte de Dados para atualizar a imagem, caso ela tenha sido alterada no banco de dados. Neste caso, certifique-se de que o caminho da imagem retornado pelo Extrator de Arquivos seja diferente do anterior, para evitar o Cache.

2 curtidas

Obrigado @daniel.giacomelli vou testar as possibilidades para praticar!