Touch UI Dialog get cropped | Community
Skip to main content
M
mohamedvalith
Level 2
November 5, 2024
Solved

Touch UI Dialog get cropped

  • November 5, 2024
  • 2 replies
  • 579 views

I have created a touch UI Dialog for a module with different variations with different fields. so i have created dialog for all variation and hide and show it based on dropdown field. while i open authoring dialog in UI it got cropped left and right. Suggest any solution to get full dialog fields without cropping.

 

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 PRATHYUSHA_VP

Hi @mohamedvalith 

 

You can use width property for cq:dialog, that will increase the fixed width for the default touch UI dialog

 

width property name

type Long

value 700 (as per your requirement)

 

hope this helps, please update if it works

 

Thanks

Prathyusha

 

 

2 replies

PRATHYUSHA_VP
Community Advisor
PRATHYUSHA_VPCommunity AdvisorAccepted solution
Community Advisor
November 5, 2024

Hi @mohamedvalith 

 

You can use width property for cq:dialog, that will increase the fixed width for the default touch UI dialog

 

width property name

type Long

value 700 (as per your requirement)

 

hope this helps, please update if it works

 

Thanks

Prathyusha

 

 

    Harwinder-singh
    Community Advisor
    Harwinder-singhCommunity Advisor
    Community Advisor
    November 6, 2024

    @mohamedvalith Unless you are testing this on a very unique screen resolution, it could be the case that there is a custom style that is overriding the dimensions of the AEM dialog. If that is the case, just get rid of that style and it should revert back to normal. If that is not a possibility, then as @prathyusha_vp mentioned , you can override the default width of the dialog.

      Terms & ConditionsAccessibility statement

      Loading footer...