Utilizar Disposições de Duas e Três Colunas

Pode utilizar uma disposição de secção de múltiplas colunas para determinar automaticamente o espaçamento e a organização dos componentes que adiciona à disposição.

Para acrescentar uma disposição a uma página:

  1. Navegue até à página que pretende editar e certifique-se de que comutador Editar está definido para Editar.
  2. Acrescente a disposição à página.
  3. Para colocar outro conteúdo na disposição de secção, arraste e largue o conteúdo na disposição.

    A disposição evidencia com um limite sólido e um cabeçalho de apresentação que mostra Acrescentar Item.
    Segue-se a descrição de GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png
    Descrição da ilustração GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png

    Pode continuar a acrescentar itens à disposição e a disposição irá formatá-los em conformidade. Até pode acrescentar outras disposições de secção para criar disposições sofisticadas ou acrescentar grupos de componentes.

    Segue-se uma disposição de duas colunas com componentes de imagem como repositórios de valores:


    Segue-se a descrição de GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png
    Descrição da ilustração GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png

    Se acrescentar mais itens, são mostrados em linhas adicionais, cada uma com um máximo de dois itens.

  4. Para editar o componente e o seu aspeto, clique no respetivo ícone de menu ícone Menu do Componente e escolha Definições.
  5. Utilize o separador Geral para modificar as definições para os componentes individuais na disposição.
    Clique num nome de componente para ver as definições para esse componente.
  6. Utilize o separador Fundo para modificar as definições de fundo para a disposição.
  7. Escolha Definições Customizadas para definir os valores adicionais por omissão sobre o conteúdo que é apresentado.
    • Largura da Primeira Coluna (%): Especifique a largura da coluna como uma percentagem do espaço disponível para a disposição.

    • Largura da Segunda Coluna (%): Especifique a largura da coluna como uma percentagem do espaço disponível para a disposição.

    • Largura da Terceira Coluna (%): Especifique a largura da coluna como uma percentagem do espaço disponível para a disposição.

    • Ponto de Quebra Responsivo (em píxeis): Para designs de páginas responsivos que reformatam automaticamente o conteúdo quando o tamanho de apresentação disponível varia, especifique a largura em píxeis onde a disposição de secção muda entre a disposição de duas colunas standard e as opções de Comportamento Responsivo que especificar abaixo.

    • Comportamento Responsivo: Selecione como a disposição é alterada quando o tamanho de apresentação disponível é menor do que o valor Ponto de Quebra Responsivo.

      • Nenhuma Ação: Não ajuste o comportamento da disposição.

      • Empilhar as colunas: Organize os itens de cima para baixo numa única coluna com todos os itens da coluna um, seguidos dos itens da coluna 2, etc.

      • Ocultar a primeira coluna: Oculte o conteúdo na primeira coluna para fornecer mais espaço para as restantes colunas.

      • Ocultar a segunda coluna: Oculte o conteúdo na segunda coluna para fornecer mais espaço para as restantes colunas.

      • Ocultar a terceira coluna: Oculte o conteúdo na terceira coluna para fornecer mais espaço para as restantes colunas.

      • Ocultar ambas as colunas: Oculte o conteúdo na disposição.

      • Deslocar a segunda coluna debaixo da primeira coluna: Organize os itens numa única coluna com todos os itens da coluna um seguidos de todos os itens da coluna dois.

      • Deslocar a primeira coluna debaixo da segunda coluna: Organize os itens numa única coluna com todos os itens da coluna dois seguidos de todos os itens da coluna um.