Este guia explica como definir a largura que um campo ocupará dentro do formulário, permitindo otimizar o layout para diferentes telas (Desktop, Tablet e Mobile).
Um campo com largura de 100% ocupará toda a linha, enquanto um campo com 50% permitirá colocar dois campos lado a lado na mesma linha.
Procedimento para Definir a Largura do Campo
1. Acesse as Configurações do Campo:
Dentro da seção Campi do seu formulário, abra as configurações do campo que deseja modificar.
2. Localize a Largura do Campo:
Role pelas configurações do campo até encontrar a opção rotulada:
- Larghezza campo
3. Selecione o Tamanho Responsivo:
Clique no menu suspenso Larghezza campo. Este menu está dividido em grupos por tipo de dispositivo: Desktop, Tablet e Mobile.
4. Defina a Largura por Dispositivo:
Para cada grupo de dispositivos, selecione a porcentagem de largura desejada. Você pode escolher uma largura diferente para cada tipo de tela:
| Dispositivo | Opção | Descrição |
|---|---|---|
| Desktop | 100% | O campo ocupa toda a linha (1/1). |
| Desktop | 50% | O campo ocupa metade da linha (1/2). |
| Desktop | 33% | O campo ocupa um terço da linha (1/3). |
| Desktop | 66% | O campo ocupa dois terços da linha (2/3). |
| Desktop | 25% | O campo ocupa um quarto da linha (1/4). |
| Tablet | mesmas opções | Largura aplicada em telas médias. |
| Mobile | mesmas opções | Largura aplicada em telas pequenas (smartphones). |
Nota: Se não especificar uma largura para um dispositivo, será aplicada a largura padrão (geralmente 100%).
5. Salve as Alterações:
Depois de definir as larguras desejadas para todos os dispositivos, certifique-se de salvar as alterações no campo e no formulário inteiro.
Configuração da Largura para o Botão de Envio
Também é possível definir a largura para o botão de envio (Submit):
1. Acesse a Seção Gerais:
No modo de edição do Formulário, vá para o passo Generali e role até a seção Pulsante di invio.
2. Encontre a Configuração:
Localize a opção rotulada:
- Larghezza campo
3. Selecione o Tamanho:
Use o menu suspenso para selecionar a largura do botão para Desktop, Tablet e Mobile (por exemplo, 1/1 para 100%, 1/2 para 50%, etc.).
4. Salve o Formulário:
Salve o formulário inteiro para aplicar a nova largura ao botão.
