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

Modal Page position not relative to screen height

Avatar

Avatar
Boost 1
Level 1
pmueller8
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Affirm 1
View profile

Avatar
Boost 1
Level 1
pmueller8
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Affirm 1
View profile
pmueller8
Level 1

15-12-2020

I'm trying to create a modal component for my page in AEM. Everything works great. The modal js builds the code in the DOM at the bottom of the page as a direct child of the <body>. Normally with heights at 100% I can position the modal in the middle of the screen, however, the source code of AEM shows that the height of a parent iframe and div are set automatically based on the content. This makes it difficult to position based on the window height. Is there a way around this?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Boost 1
Level 1
pmueller8
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Affirm 1
View profile

Avatar
Boost 1
Level 1
pmueller8
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

1 solution
Top badges earned
Boost 1
Affirm 1
View profile
pmueller8
Level 1

16-12-2020

So, I found the solution. I was going to delete this but then thought, it may help someone in the future. The solution is that the preview mode is the only place the iframe exists. Once you view it  published, the iframe goes away and there isn't a problem anymore. 

Answers (0)