# Formas de inserir uma imagem em meu formulário

**URL:** <https://community.latromi.com.br/t/formas-de-inserir-uma-imagem-em-meu-formulario/560>\
**Category:** Tutoriais\
**Tags:** css, javascript, form\
**Created:** [Março 23, 2021, 12:38pm UTC](https://community.latromi.com.br/t/formas-de-inserir-uma-imagem-em-meu-formulario/560 "2021-03-23T12:38:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Framos](https://community.latromi.com.br/user_avatar/community.latromi.com.br/framos/32/914_2.png) [@Framos](https://community.latromi.com.br/u/Framos)\
**Post date:** [Março 23, 2021, 12:38pm UTC](https://community.latromi.com.br/t/formas-de-inserir-uma-imagem-em-meu-formulario/560/1 "2021-03-23T12:38:22Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![daniel.giacomelli](https://community.latromi.com.br/user_avatar/community.latromi.com.br/daniel.giacomelli/32/1476_2.png) [@daniel.giacomelli](https://community.latromi.com.br/u/daniel.giacomelli)\
**Post date:** [Março 23, 2021, 4:07pm UTC](https://community.latromi.com.br/t/formas-de-inserir-uma-imagem-em-meu-formulario/560/2 "2021-03-23T16:07:39Z")

</div>

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:

```css
.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](https://community.latromi.com.br/uploads/default/original/1X/4db535ef9a6a0acf2c23272a98c2598fb586596f.jpeg)

## Campo ImageView

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

![image](https://community.latromi.com.br/uploads/default/original/1X/2dd1afffa0f5ca6d342ec54e6740081a184b9b03.png)

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.

---

<div class="post-metadata">

**Author:** ![Framos](https://community.latromi.com.br/user_avatar/community.latromi.com.br/framos/32/914_2.png) [@Framos](https://community.latromi.com.br/u/Framos)\
**Post date:** [Março 23, 2021, 4:27pm UTC](https://community.latromi.com.br/t/formas-de-inserir-uma-imagem-em-meu-formulario/560/3 "2021-03-23T16:27:18Z")

</div>

> [@daniel.giacomelli](#):
>
> Base6

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