Organizar componentes nas páginas do Construtor de IU

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 1 min. de leitura
  • Os layouts de coluna organizam componentes em um Construtor de IUpágina. Saiba como os layouts de coluna são usados no Construtor de IU.

    Os layouts de coluna permitem que você crie páginas úteis e visualmente atraentes em uma experiência. Um layout de coluna é um tipo de contêiner flexível que pode conter componentes. Os layouts de coluna podem ter colunas de larguras iguais ou diferentes. Você pode configurar o layout da coluna como um todo e as colunas individuais no layout. Por exemplo, defina uma largura e cor de borda diferentes para um layout de coluna e para as colunas individuais no layout. Os layouts de coluna podem conter colunas vazias em um Construtor de IUpágina para criar espaço em branco. Use vários layouts de coluna em uma página. Por exemplo, um layout de duas colunas pode conter um cabeçalho e uma imagem, em seguida, um layout de três colunas abaixo pode conter mais componentes, como uma lista e um formulário.

    Pense no layout da sua página antes de começar a construí-la. Analise o que você deseja alcançar e o quão complexo o layout da página deve ser. Essas perguntas determinam que tipo de layout de coluna ou layouts você deve usar.

    Exemplos de layouts de coluna disponíveis no Construtor de IU.

    Layouts de coluna em Construtor de IUUse regras de Folhas de estilo em cascata (CSS) baseadas em padrões e tecnologias de layout da web, como Flexbox, grade CSS e posicionamento absoluto. Então, o que você pode fazer em CSS, você pode fazer aqui. Visita Mozilla Para saber mais sobre CSS.
    Nota:
    Se você tiver existente Construtor de IUPáginas criadas em uma versão anterior (Utah ou Tóquio), você pode fazer upgrade para Vancouver ou Washington DC e adicionar layouts de coluna às páginas.