How to add custom styling to pageproperties in AEM | Community
Skip to main content
March 5, 2021
Solved

How to add custom styling to pageproperties in AEM

  • March 5, 2021
  • 4 replies
  • 1903 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Anudeep_Garnepudi

@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

 

4 replies

Anudeep_Garnepudi
Community Advisor
Anudeep_GarnepudiCommunity AdvisorAccepted solution
Community Advisor
March 5, 2021

@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

 

AG
SureshDhulipudi
Community Advisor
Community Advisor
March 5, 2021
VeenaVikraman
Community Advisor
Community Advisor
March 5, 2021

@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
Community Advisor
Community Advisor
March 7, 2021

Hi,

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

Arun Patidar
March 8, 2021
'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.