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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Granite UI layout adjustments

samthadhani
Level 3
Level 3

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
shekhardhiman
Correct answer by
Employee
Employee

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
samthadhani
Level 3
Level 3

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

shekhardhiman
Correct answer by
Employee
Employee

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