How to add custom styling to pageproperties in AEM | Community
Skip to main content
New Participant
Mar 5, 2021 1:21 PM UTC
Solved

How to add custom styling to pageproperties in AEM

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.
Anudeep_Garnepudi
Anudeep_GarnepudiAccepted solution
New Participant
Mar 5, 2021 2:21 PM UTC

@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

 

5 replies

arunpatidar
New Participant
Mar 7, 2021 8:15 PM UTC

Hi,

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

Translate
Arun Patidar
New Participant
Mar 8, 2021 10:27 AM UTC
'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.
Translate
VeenaVikraman
New Participant
Mar 5, 2021 4:20 PM UTC

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

Translate
SureshDhulipudi
New Participant
Mar 5, 2021 2:57 PM UTC
Anudeep_Garnepudi
Anudeep_GarnepudiAccepted solution
New Participant
Mar 5, 2021 2:21 PM UTC

@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

 

Translate