Personalizar Visualizações de Propriedades da Página

Cada página tem um conjunto de propriedades que podem ser visualizadas e editadas pelos usuários; alguns são necessários ao criar a página (criar visualização), outros podem ser visualizados e editados (editar visualização) em um estágio posterior. Essas propriedades de página são definidas e disponibilizadas pela caixa de diálogo ( cq:dialog) do componente de página apropriado.

CUIDADO

A personalização da visualização das propriedades da página não está disponível na interface clássica.

O estado padrão para cada propriedade de página é:

  • oculto na visualização de criação (por exemplo, Assistente Criar página)

  • disponível na visualização de edição (por exemplo, Propriedades da Visualização)

Os campos devem ser configurados especificamente se qualquer alteração for necessária. Isso é feito usando as propriedades de nó apropriadas:

  • Propriedade da página a ser disponibilizada na visualização de criação (por exemplo, Assistente para Criar página):

    • Nome: cq:showOnCreate
    • Tipo: Boolean
  • Propriedade da página a ser disponibilizada na visualização de edição (por exemplo, Visualização/Editar) opção Propriedades):

    • Nome: cq:hideOnEdit
    • Tipo: Boolean

Por exemplo, consulte as configurações de campos agrupados sob Mais títulos e Descrição na guia Básico para o componente Página de base. Elas estão visíveis no assistente Criar página, pois cq:showOnCreate foi definido como true:

/libs/foundation/components/page/cq:dialog/content/items/tabs/items/basic/items/column/items/moretitles
DICA

Consulte o tutorial Extensão das propriedades da página para obter um guia para personalizar as propriedades da página.

Configuração das Propriedades da Página

Você também pode configurar os campos disponíveis configurando a caixa de diálogo do componente de sua página e aplicando as propriedades de nó apropriadas.

Por exemplo, por padrão, o assistente Criar página mostra os campos agrupados em Mais títulos e Descrição. Para ocultá-los, configure:

  1. Crie seu componente de página em /apps.

  2. Crie uma substituição (usando dif de diálogo fornecida pela Fusão de Recursos de Sling) para a seção basic do componente de sua página; por exemplo:

    <your-page-component>/cq:dialog/content/items/tabs/items/basic
    
    OBSERVAÇÃO

    Como referência, consulte:

    /libs/wcm/foundation/components/basicpage/v1/basicpage/cq:dialog
    

    No entanto, você deve não alterar nada no caminho /libs.

    Isso ocorre porque o conteúdo de /libs é substituído na próxima vez que você atualizar sua instância (e pode muito bem ser substituído quando você aplicar uma correção ou um pacote de recursos).

    O método recomendado para configuração e outras alterações é:

    1. Recrie o item necessário (isto é, como ele existe em /libs) em /apps
    2. Faça quaisquer alterações em /apps
  3. Defina a propriedade path em basic para apontar para a substituição da guia básica (consulte também a próxima etapa). Por exemplo:

    /apps/demos/components/page/tabs/basic
    
  4. Crie uma substituição da seção basic - moretitles no caminho correspondente; por exemplo:

    /apps/demos/components/page/tabs/basic/items/column/items/moretitles
    
  5. Aplique a propriedade node apropriada:

    • Nome: cq:showOnCreate
    • Tipo: Boolean
    • Valor: false

    A seção Mais títulos e Descrição não será mais exibida no assistente Criar página.

OBSERVAÇÃO

Ao configurar as propriedades da página para uso com cópias online, consulte Configuração de bloqueios MSM nas propriedades da página para obter mais detalhes.

Exemplo de configuração de propriedades da página

Esta amostra demonstra a técnica de diferença de diálogo de Sling Resource Fusão; incluindo o uso de sling:orderBefore. Também ilustra o uso de cq:showOnCreate e cq:hideOnEdit.

CÓDIGO NO GITHUB

Você pode encontrar o código desta página no GitHub

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now