Granite UI layout adjustments | Community
Skip to main content
A
Anonymous
October 16, 2015
Solved

Granite UI layout adjustments

  • October 16, 2015
  • 3 replies
  • 1392 views

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 

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 WhoaShekhar

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!

3 replies

A
Anonymous
October 16, 2015

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/foundation/layout.html

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

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

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

WhoaShekhar
WhoaShekharAccepted solution
Level 10
October 16, 2015

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!

Terms & ConditionsAccessibility statement

Loading footer...