full size the Dialog fields in full screen

Avatar

Avatar

kiranc13433869

Avatar

kiranc13433869

kiranc13433869

05-11-2020

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 

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Anudeep_Garnepudi

Avatar

Anudeep_Garnepudi

Anudeep_Garnepudi

05-11-2020

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

Answers (2)

Answers (2)

Avatar

Avatar

sureshd71454102

Avatar

sureshd71454102

sureshd71454102

05-11-2020

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

 

AEM_dialog_maximize.png

Avatar

Avatar

kiranparab

Avatar

kiranparab

kiranparab

05-11-2020

Please go through this article

 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/touch-ui-dialog-full-scree...

 

Dialog Property =

dialogLaout = "fullscreen" 

 

Might this Help !!!