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

Popup notification component.

Avatar

Avatar
Level 1
nira1234
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
View profile

Avatar
Level 1
nira1234
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
View profile
nira1234
Level 1

30-05-2018

Hello

We have a requirement to create a component to broadcast messages to users in the form of a "pop-up window" on the page.

Authors should have the ability to edit the pop-up component message, and on publishing , the message should be be displayed at the center of page as a dialog only , and should not occupy any place in the actual page content.

We should be able to add multiple messages in a page.

Is there any component to achieve this messaging functionality? OR a suggested approach.

I have tried using jquery to achieve the pop-up functionality, and the pop-up is displaying as expected in author.

However, my concern is on how the component can be displayed only as a popup and not use up any portion of the page in the publish sites.

Any help is appreciated.

Thanks.

Replies

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,408 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,408 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

30-05-2018

You are on the right track. There is no OOTB component for this. When you have to get functionality into AEM that does not have an OOTB component - you need to use JS lib - like Bootstrap, JQuery, etc-  and create a custom component.

I needed a news ticker and built it via JQUery and HTL.

Ticker.png