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
BedrockMission!

Learn More

View all

Sign in to view all badges

How to remove the unwanted scrolling space in Tab of dialog

Avatar

Avatar
Validate 1
Level 2
nileshdchavan
Level 2

Likes

10 likes

Total Posts

27 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 2
nileshdchavan
Level 2

Likes

10 likes

Total Posts

27 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
nileshdchavan
Level 2

01-08-2018

Hello,

I have scenario where my dialog in touch UI has one tab and that tab has 5 fields under it. I have successfully created the cq:dialog and its functioning as expected.

However when i open the dialog, under the 5 fields, there is lots of blank space. Please refer to below snapshot.

unwantedScrollSpacing.png

Can you please advise how we can remove this unwanted blank space to end my scrolling right after the 5th field?

Thanks!

-Nilesh

Accepted Solutions (0)

Answers (3)

Answers (3)

Avatar

Avatar
Establish
MVP
Ravi_Pampana
MVP

Likes

184 likes

Total Posts

235 posts

Correct Reply

70 solutions
Top badges earned
Establish
Contributor
Shape 1
Ignite 5
Ignite 3
View profile

Avatar
Establish
MVP
Ravi_Pampana
MVP

Likes

184 likes

Total Posts

235 posts

Correct Reply

70 solutions
Top badges earned
Establish
Contributor
Shape 1
Ignite 5
Ignite 3
View profile
Ravi_Pampana
MVP

02-08-2018

Hi,

Also, check if there are any css from your code added to cq.authoring.editor.hook/cq.authoring.dialog which might be effecting the dialog html. Inspect the white space and see the styles to identify if any of the local css effecting the dialog.

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

02-08-2018

This is not normal behaviour. If you setup the dialog properly - there should never be a lot of white space under a field. 

Look at the follow video - which represents normal behavior when a touch ui dialog is setup.

Article - https://helpx.adobe.com/experience-manager/using/aem63_htl_movie_component.html

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,155 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,155 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

02-08-2018

Hi,

few question

  1. Is this happening for all the dialogs or dialogs within app?
  2. OOTB dialog has same behaviour?
  3. can you do inspect element and check the bank space height css?

If not, could you please check your dialog or share dialog xml here ?

Thanks
Arun