Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to add custom styling to pageproperties in AEM

Avatar

Level 1

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.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@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

 

View solution in original post

5 Replies

Avatar

Correct answer by
Community Advisor

@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

 

Avatar

Community Advisor

@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 ? 

Avatar

Community Advisor

Hi,

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



Arun Patidar

Avatar

Level 1
'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.