cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Need to share some code when posting a question or reply? Make sure to use the "Insert code sample" menu option. Learn more! X

Popup widget for Notification

the_incapit
6-Contributor

Popup widget for Notification

Hello,

I need a workaround to display the latest 5 notifications , which I have in an infotable(only a way to visualize the data is required). What I need is a widget / workaround to display the notifications in a small popup in the same mashup and at the end of the notifications I would like to have a button to navigate to another mashup. I have used Mashup as popup and it is navigating to a popup page where the popup comes at the middle. I need it to be in a corner.

To see exactly what I mean I am attaching an image which show the visualization

 

Kindly suggest any workarounds or widgets which I can use to make it look like the popup in the image.

 

Thank You

1 ACCEPTED SOLUTION

Accepted Solutions
cmorfin
19-Tanzanite
(To:the_incapit)

Hi @the_incapit 

 

indeed there is some limitation with this.

You could try using % instead of pixel, that should help with different resolution, though that won't fix everything.

 

.mashup-popup{
left: 82% !important;
top: 10% !important;

}

 

Regards

Christophe

 

View solution in original post

4 REPLIES 4
cmorfin
19-Tanzanite
(To:the_incapit)

Hi @the_incapit 

 

It might depends on how you created your popup and which release.

I have done a quick test with a navigation function (not widget) in 8.5 for a modal popup and the position of the popup can be controlled with custom css like:

.mashup-popup{
left: 400px !important;
top: 80px !important;
}

 

hope this helps

Christophe

 

the_incapit
6-Contributor
(To:cmorfin)

Thank you for your reply, but I have a few problems like.

The popup coordinates are hard coded. If I open the view in a different resolution, the alignment breaks.

The popup is not responsive. Doesn’t scale according to view.

 

Is there any solutions for this , or any entirely different approaches for my question.

cmorfin
19-Tanzanite
(To:the_incapit)

Hi @the_incapit 

 

indeed there is some limitation with this.

You could try using % instead of pixel, that should help with different resolution, though that won't fix everything.

 

.mashup-popup{
left: 82% !important;
top: 10% !important;

}

 

Regards

Christophe

 

the_incapit
6-Contributor
(To:cmorfin)

Thank You for your help, helped me solve the problem to a certain extent.

Top Tags