Organizar componentes nas páginas do Construtor de IU

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 1 min. de leitura
  • Os layouts de coluna organizam os componentes em uma página Construtor de IU. Saiba como os layouts de coluna são usados em Construtor de IU.

    Os layouts de coluna permitem criar 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 de coluna como um todo e as colunas individuais dentro do 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 uma página Construtor de IU para criar um espaço em branco. Use layouts de várias colunas em uma página. Por exemplo, um layout de duas colunas pode conter um cabeçalho e uma imagem, e um layout de três colunas abaixo dele pode conter mais componentes, como uma lista e um formulário.

    Pense no layout da sua página antes de começar a criá-la. Analise o que você deseja alcançar e a complexidade do layout da página. Essas perguntas determinam que tipo de layout ou layouts de coluna você deve usar.

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

    Os layouts de coluna em Construtor de IU usam regras de Folhas de Estilo em Cascata (CSS) baseadas em padrões e tecnologias de layout da Web, como Flexbox, grade de CSS e posicionamento absoluto. Portanto, tudo o que você pode fazer em CSS, pode fazer aqui. Visite a Mozilla para saber mais sobre CSS.
    Nota:
    Se você tiver páginas Construtor de IU criadas em uma versão anterior (Utah ou Tokyo), poderá fazer upgrade para Vancouver ou Washington DC e adicionar layouts de coluna às páginas.