Personalização de Consoles customizing-consoles
O AEM fornece opções para personalizar os consoles (e a funcionalidade de criação de página) da sua instância de criação.
Clientlibs clientlibs
As clientlibs permitem estender a implementação padrão para oferecer uma nova funcionalidade, ao mesmo tempo em que reutiliza funções, objetos e métodos padrão. Ao personalizar com clientlibs, você pode criar sua própria clientlib em /apps.
. Por exemplo, ela pode conter o código necessário para seu componente personalizado.
Consulte Usando Bibliotecas do Lado do Cliente no AEM as a Cloud Service.
Sobreposições overlays
As sobreposições são baseadas nas definições de nó e permitem sobrepor a funcionalidade padrão encontrada em /libs
com sua própria funcionalidade personalizada em /apps
. Ao criar uma sobreposição, uma cópia 1:1 do original não é necessária, pois a fusão de recursos de sling permite a herança.
As sobreposições podem ser usadas de várias maneiras para estender os consoles AEM. Vários exemplos são fornecidos nas seções a seguir.
Consulte também Sobreposições para Adobe Experience Manager as a Cloud Service.
Personalizando a View Default para uma Console customizing-the-default-view-for-a-console
É possível personalizar a exibição padrão (coluna, cartão, lista) de um console:
-
Você pode reordenar as exibições sobrepondo a entrada necessária em:
-
/libs/wcm/core/content/sites/jcr:content/views
-
A primeira entrada é o padrão.
-
Os nós disponíveis estão correlacionados com as opções de visualização disponíveis:
column
card
list
-
-
Por exemplo, em uma sobreposição para uma lista:
-
/apps/wcm/core/content/sites/jcr:content/views/list
-
Defina a seguinte propriedade:
- Nome:
sling:orderBefore
- Tipo:
String
- Valor:
column
- Nome:
-
Adicionar uma nova ação à barra de ferramentas add-a-new-action-to-the-toolbar
Você pode criar seus próprios componentes e incluir as bibliotecas de clientes correspondentes para ações personalizadas.
-
Por exemplo, talvez você queira criar uma ação Promover para redes sociais em:
-
/apps/wcm/core/clientlibs/sites/js/socialmedia.js
-
Ele pode ser conectado a um item da barra de ferramentas no console:
-
/apps/<yourProject>/admin/ext/launches
-
Por exemplo, no modo de seleção:
-
content/jcr:content/body/content/header/items/selection/items/socialmedia
-
Restringir uma ação da barra de ferramentas a um grupo específico restrict-a-toolbar-action-to-a-specific-group
Você pode usar uma condição de renderização personalizada para sobrepor a ação padrão e impor condições específicas que devem ser atendidas antes de ser renderizada.
Por exemplo, você pode criar um componente para controlar as condições de renderização de acordo com um grupo:
/apps/myapp/components/renderconditions/group
Para aplicá-los à ação Criar Site no console de sites:
/libs/wcm/core/content/sites
-
Crie a sobreposição:
/apps/wcm/core/content/sites
-
Em seguida, adicione a condição de renderização para a ação:
jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition
Usando propriedades neste nó, você pode definir o groups
permitido para executar a ação específica; por exemplo, administrators
Personalização de Colunas na Exibição de Lista customizing-columns-in-list-view
Para personalizar as colunas na exibição de lista:
-
Sobrepor a lista de colunas disponíveis.
-
No nó:
/apps/wcm/core/content/common/availablecolumns
-
-
Adicione novas colunas ou remova as existentes.
Para inserir dados adicionais, é necessário gravar um PageInfoProvider com uma propriedade pageInfoProviderType
.
cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer
em /apps
.Filtrar recursos filtering-resources
Ao usar um console, o usuário geralmente precisa selecionar entre recursos como páginas, componentes ou ativos. Isso pode tomar a forma de uma lista na qual o autor deve escolher um item.
Para manter a lista em um tamanho razoável e também relevante para o caso de uso, um filtro pode ser implementado no formato de um predicado personalizado. Consulte Personalizando a criação de página para obter detalhes.