Criar um ponto de interrupção para criação dinâmica

Aprenda a criar pontos de interrupção personalizados para criação dinâmica para controlar a aparência de uma página em diferentes fatores forma.

Antes de Iniciar

Função necessária: ui_builder_admin

Por Que e Quando Desempenhar Esta Tarefa

Construtor de IU atualmente oferece três fatores de forma padrão:

• Desktop (1281 pixels e maior)
• Tablet (1280 pixels e menor)
• Móvel (500 pixels e menor)

Adicione até três pontos de interrupção adicionais. Por exemplo, há um fator de forma padrão de 500 pixels e menor para dispositivos móveis, mas talvez você precise de um ponto de interrupção de 360 pixels.

Nota:

Pontos de interrupção personalizados representam um intervalo. Se você criar um ponto de interrupção em 800 pixels, todas as mudanças se aplicarão aos dispositivos com uma largura igual ou inferior ao novo tamanho. Por exemplo, uma página aberta em uma tela de 750 pixels de largura usa as configurações de 800 pixels (propriedades e estilos), a menos que haja outro ponto de interrupção personalizado em 750 pixels.

Procedimento

1. Navegar até Todos > Estrutura do Now Experience > Construtor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência.
   Consulte Configure como os usuários interagem com suas aplicações no Construtor de IU para obter mais informações sobre como criar experiências.
3. Abra uma página existente criada do zero com a criação dinâmica ou crie uma página do zero com a criação dinâmica.
   Para obter mais informações sobre como criar uma página, consulte Criação de uma página no Construtor de IU.
4. Selecione o ícone de menu ao lado dos três ícones de fator forma.
   
5. Selecione + Adicionar ponto de interrupção.
   
6. Digite uma largura (em pixels) e selecione Adicionar.
   
   O novo ponto de interrupção é salvo e aparece como um ícone de fator de forma.

   

   Ao criar a página, selecione qualquer um dos ícones de fator forma para exibir e editar a página nesse tamanho.

7. Para editar ou excluir um ponto de interrupção personalizado, selecione o ícone de menu, aponte para o nome do ponto de interrupção e selecione o ícone de edição ou exclusão.
   

   Nota:

   Os fatores forma padrão (desktop, tablet e dispositivo móvel) não podem ser editados ou removidos.