Skip to main content
T
the_incapit1-Visitor
1-Visitor
April 15, 2020
Solved

Popup widget for Notification

  • April 15, 2020
  • 1 reply
  • 2310 views

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

Best answer by cmorfin

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

 

1 reply

C
cmorfin19-Tanzanite
19-Tanzanite
April 15, 2020

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

 

    T
    the_incapit1-VisitorAuthor
    1-Visitor
    April 15, 2020

    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.

    C
    cmorfin19-TanzaniteAnswer
    19-Tanzanite
    April 16, 2020

    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

     

      Terms & ConditionsAccessibility statement