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

Granite UI layout adjustments

Avatar

Former Community Member

Hello,

I have started writing the first dialog with Granite UI. We have multifields in the dialog, they are working but the layout looks bad. The color scheme of dark and light backgrounds is not so interesting to the authors. I can override the css for that but was hoping to find if there is any property by which i can change the color scheme of the layout.

Also, there is a request for changing the width and height for the dialog. I looked at the documentation, but couldn't find anything interesting. Is it all fixed layout?. I know you can enlarge the dialog where you can see full screen to edit but is there a way you can change the layout implicitly by proving height and width parameters in dialog definition?

Cheers 

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi,

Thanks for your revert.

Yes there will be manual coding and edits to modify the user interface. Not sure if you had a chance to see the below community article:

https://helpx.adobe.com/experience-manager/using/extending-aem-6-administrator-user.html

Thought this might be of help.

Thanks!

View solution in original post

3 Replies

Avatar

Former Community Member

Shekhar_Dhiman wrote...

Hi there,

Thanks for reaching out to Adobe Community.

Please go through the below doc links, they might be of your help:

http://docs.adobe.com/docs/en/aem/6-0/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/components...

http://docs.adobe.com/docs/en/aem/6-0/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/components...

http://docs.adobe.com/docs/en/aem/6-0/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/components...

Thanks!

 

Hey Shekhar,

Thanks for your input, I had a look at the documentation before posting. Looks like the only way to modify the UI is to override the css files by default or may be overlay the granite components and add custom css classes on them. No width/height properties are there by default.

Cheers

Avatar

Correct answer by
Level 10

Hi,

Thanks for your revert.

Yes there will be manual coding and edits to modify the user interface. Not sure if you had a chance to see the below community article:

https://helpx.adobe.com/experience-manager/using/extending-aem-6-administrator-user.html

Thought this might be of help.

Thanks!