Touch UI Dialog get cropped

[mohamedvalith]

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.

[PRATHYUSHA_VP · Accepted solution]

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]

@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.