How to add custom styling to pageproperties in AEM

[aditidwivedi]

I have template and page properties. I had added custom tab to page properties, where I need to modify the height and width of page property tab. How can I add custom styling to page properties. I using AEM 6.5 version.

[Anudeep_Garnepudi · Accepted solution]

@aditidwivedi 

Create a custom client library with custom styles and the category in page dialog. Refer below link, instead of js add css in your case.

https://adapttoaem.blogspot.com/2021/02/aem-create-custom-touch-dialog-ui-edit.html

[SureshDhulipudi]

Hi @aditidwivedi 

you can try this blog also

https://www.albinsblog.com/2021/02/how-to-reuse-editable-template-with-multiple-sites-in-aem.html

[VeenaVikraman]

@aditidwivedi What does it mean by "  I need to modify the height and width of page property tab" is it like you want manage the height of the page properties tab while authoring ? Not any content on your page ? 

[arunpatidar]

Hi,

Page property's dialog similar to the component dialog, create clientlibs and add using 'extraClientLibs' to page dialog.

[aditidwivedi]

'extraClientLibs' option didnt work when i am creating a new page it worked if i am trying to edit the exisitng page. I had used includeclientlib approach. thanks.