Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

How to add custom styling to pageproperties in AEM

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

page properties
1 Accepted Solution
Anudeep_Garnepudi
Correct answer by
Community Advisor
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
Anudeep_Garnepudi
Correct answer by
Community Advisor
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

Veena_Vikram
Community Advisor
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 ? 

Arun_Patidar
Community Advisor
Community Advisor

Hi,

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

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