Skip to main content

Como alterar o posicionamento da sua imagem

Aprenda a ajustar o posicionamento de imagens no seu formulário do Yay! Forms, definindo como elas aparecem em diferentes layouts e garantindo a melhor visualização para os respondentes.

Após inserir uma imagem no seu formulário, você pode ajustar como e onde ela será exibida para os usuários. Essa personalização permite criar layouts mais atrativos e alinhados ao objetivo do formulário, seja destacando o logotipo da sua marca, posicionando uma ilustração ao lado do conteúdo ou aplicando uma imagem como plano de fundo para reforçar a identidade visual.

Inicialmente, é necessário inserir uma imagem de sua escolha. Após isso, na barra lateral direita da questão, você encontrará diversas opções de layout, as quais serão explicadas a seguir.

Opções de layout para exibição da imagem

  1. Você terá a opção de definir a imagem como plano de fundo do seu formulário, conforme exemplificado abaixo.

  1. Você terá a opção de posicionar a sua imagem à esquerda e à direita do conteúdo do seu formulário, conforme ilustrado no exemplo a seguir.

  1. Você terá a opção de dividir o conteúdo do formulário com a imagem. Nesse cenário, você pode optar por dividir a imagem na parte esquerda e na parte direita, como demonstrado no exemplo abaixo.

  1. Você terá a opção de sobrepor a imagem sobre o conteúdo do seu formulário. Você poderá escolher a altura (em percentagem da tela) e a largura (em pixels), como apresentado nos exemplos a seguir.

  1. Por fim, você terá a opção de posicionar a imagem no centro do conteúdo do seu formulário. Nesse caso, você também poderá escolher a altura (em percentagem da tela) e a largura (em pixels), conforme exemplificado nos exemplos abaixo.

  1. Split topo (apenas Celular) — divide a tela com a imagem em cima e o conteúdo embaixo, com altura fixa. Esse layout é exclusivo do modo Celular e foi pensado para telas verticais. Você pode ativá-lo abrindo a aba Celular acima do canvas e escolhendo o ícone “Split topo” na sidebar de layout.

Suporte

Se você tiver alguma dúvida ou sugestão, envie um email para help@yayforms.com

Conclusão

Ao ajustar as opções de layout na barra lateral direita, você consegue definir como a imagem será exibida no formulário em cada dispositivo. Combine os layouts com o Ajuste da imagem e o Ponto focal para garantir que a apresentação visual fique perfeita em qualquer tela e alinhada à identidade do seu formulário.