Crie um ponto de interrupção para criação responsiva

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 1 min. de leitura

    • Saiba como criar pontos de interrupção personalizados para criação responsiva para controlar a aparência de uma página em diferentes fatores de 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)
    • Mobile (500 pixels ou menos)
    Adicione até três pontos de interrupção adicionais. Por exemplo, há um fator de forma padrão de 500 pixels ou menor para dispositivos móveis, mas você pode precisar de um ponto de interrupção de 360 pixels.
    Nota:
    Os pontos de interrupção personalizados representam um intervalo. Se você criar um ponto de interrupção com 800 pixels, todas as mudanças serão aplicadas a dispositivos com 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é Tudo > 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 IUpara obter mais informações sobre como criar experiências.
    3. Abra uma página existente criada do zero com criação responsiva ou crie uma página do zero com criação responsiva.
      Para obter mais informações sobre como criar uma página, consulte Crie uma página no Construtor de IU .
    4. Selecione o ícone de menu ao lado dos três ícones de fator de forma.
      Exibição do editor do construtor de IU com seta preta apontando para o ícone do menu de fator de forma.
    5. Selecione Adicionar ponto de interrupção .
      Ícone do menu de criação responsiva selecionado com a seta preta apontando para adicionar a opção de ponto de interrupção.
    6. Digite uma largura (em pixels) e selecione Adicionar .
      Janela de ponto de interrupção personalizado.
      O novo ponto de interrupção é salvo e aparece como um ícone de fator de forma.

      O novo ícone de fator de forma é exibido.

      Ao criar a página, selecione qualquer um dos ícones de fator de 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 editar ou excluir.
      Ícone do menu de criação responsivo expandido com seta preta apontando para editar e excluir ícones de um ponto de interrupção personalizado.
      Nota:
      Os fatores de forma padrão (desktop, tablet e celular) não podem ser editados ou removidos.