Unanswered

Notification Banner in Power Pages

(0) Share

Report

Posted on by skolarvs

Hi Team,

I aim to display notification banners (alert messages) on each form of the Power Pages. To achieve this, I plan to utilize a table within Dataverse to capture notification messages along with their corresponding start and end dates. The columns of the Notification Dataverse table include:

1. Message
2. From (start date)
3. To (end date)
When the current date satisfies the conditions specified by the From and To dates, the notification message from the Notification Dataverse table will be displayed.

Has anyone implemented a similar requirement before? If so, could you please share the approach and any relevant code if possible?

Thanks!

Categories:

General topics

I have the same question (0)

All responses (2)

Answers (2)

Verified answer

fm_skeller 277 Moderator on at

Like (0)

Report

I have implemented this by using adding a webtemplate. The webtemplate uses a {%fetchxml%} liquid tag that contains the fetchxml to select the messages that apply. I then use the toastr.js library (toastr examples (codeseven.github.io) to display a toast message for each of the results. Of course you shouldn't use toastr if you have a lot of messages - then it's better for the user experience to just display a table on the start page.

Was this reply helpful? Yes No
Verified answer

domliu37 314 Super User 2024 Season 1 on at

Like (1)

Report
Hi @Sandeep009 ,

I would probably do everything on the web template, yo ucan create a new web template and add that to each individual web template contains your target forms

Fetch Query to get the message from your custom Notification table, based on the date

display the alert just using the JS alert function. (not sure how do you want to display the alert message, this is just what i would do)

fyi, your fetch query would be something like:

{% fetchxml messagefetch %}
<fetch version="1.0" output-format="xml-platform" mapping="logical" distinct="false">
<entity name="dom_notification">
<attribute name="dom_message" />
<filter type="and">
<!-- your conditions --!>
</filter>
</entity>
</fetch>

{% endfetchxml %}

then to retrieve the message:
{% for message in messagefetch.results.entities %}
{% assign messageContent= message.dom_message %}

hope that will give you a good starting point
----------------------
If you enjoy this post, click the thumbs-up button. If it helped you, mark it as a solution so others can find it easily.

Cheers,
Dom

Was this reply helpful? Yes No