full size the Dialog fields in full screen | Community
Skip to main content
K
kiranc13433869
Level 4
November 5, 2020
Solved

full size the Dialog fields in full screen

  • November 5, 2020
  • 4 replies
  • 4733 views

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 

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 Anudeep_Garnepudi

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

4 replies

K
kiranparab
Level 3
November 5, 2020

Please go through this article

 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/touch-ui-dialog-full-screen-by-default/qaq-p/166482

 

Dialog Property =

dialogLaout = "fullscreen" 

 

Might this Help !!!

    SureshDhulipudi
    Community Advisor
    SureshDhulipudiCommunity Advisor
    Community Advisor
    November 5, 2020

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

     

      C
      ChristyMariaXavier
      July 15, 2021
      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
      Community Advisor
      Anudeep_GarnepudiCommunity AdvisorAccepted solution
      Community Advisor
      November 5, 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

        G
        GeethanjaliGa
        December 1, 2023

        Hi Anudeep,

        Did u get the solution of getting the fields in wider length in toggle fullscreen? If yes, could you please provide solution here, We also want to get the wider length of fields for dialog box while toggle fullscreen for all the components.

         

        C
        ChristyMariaXavier
        July 15, 2021
        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?
        Terms & ConditionsAccessibility statement

        Loading footer...