Как задать цвет фона для режима Cf # в aem?

Question

В AEM я хочу задать цвет фона для заголовка, когда страница находится в режиме CF #.

Как мне достичь этой цели?

Answer 1

Примечание : проверьте, загружается ли cq.authoring.dialog clientlib в режиме cf#, перед выполнением следующих шагов.

Используйте cq.authoring.dialog clientlib и jQuery.

• Создать клиентскую библиотеку с категориями как cq.authoring.dialog.Скрипты в этой клиентской библиотеке загружаются только в экземпляре автора .
• Добавьте класс в диалоговое окно заголовка с помощью атрибута granite:class, если вы используете coralui или class, если не указано иное., это нужно для подключения к полю в заголовке с помощью скрипта в приведенном выше файле clientlib

  <header
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
    fieldLabel="ID"
    granite:class="headerSelector"
    name="./header"
    required="{Boolean}true"/>

• Вы увидите имя класса headerSelector, зарегистрированное выше вDOM.
• Используйте один из слушателей гранитного события OOTB, например foundation-contentloaded, чтобы запустить сценарий при инициализации диалога.
• Добавление цветов фона через jQuery

$(document).on('foundation-contentloaded', function (e) {//event fires when dialog loads
    var $headerField= $('.headerSelector');
    $headerField.css('background-color','blue');
})