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

full size the Dialog fields in full screen

kiranc13433869
Level 4
Level 4

hi,

 

i am working on aem 6.5 touch ui.

my requirement is to maximize the width of the dialog fields when dialog is at full screen mode.

 

is it possible to do so.

can anyone share links or details for the same 

1 Accepted Solution
Anudeep_Garnepudi
Correct answer by
Community Advisor
Community Advisor

Hi @kiranc13433869 

Add property granite:class: coral-RichText-FixedColumn-column to the container(granite/ui/components/coral/foundation/container) which holds all the fields. This is for Coral3. Using this fields will get nearly 70% width. If you want increase further, you should write custom css.

AG

View solution in original post

0 Replies
SureshDhulipudi
Community Advisor
Community Advisor

in 6.5 by default maximize will work right, how are you constructing your dialog? using coral UI 3 ?

 

AEM_dialog_maximize.png

christyxavier
Level 1
Level 1
I am also facing a similar issue.I have more than 1 tabs in my dialog. So in toggle fullscreen my dialog fields are aligning center rather than using the whole screen space
Anudeep_Garnepudi
Correct answer by
Community Advisor
Community Advisor

Hi @kiranc13433869 

Add property granite:class: coral-RichText-FixedColumn-column to the container(granite/ui/components/coral/foundation/container) which holds all the fields. This is for Coral3. Using this fields will get nearly 70% width. If you want increase further, you should write custom css.

AG

View solution in original post

christyxavier
Level 1
Level 1
I am also facing a similar issue.I have more than 1 tabs in my dialog. So in toggle fullscreen my dialog fields are aligning center rather than using the whole screen space. Any insights?