Canvas Support

Notification Popover Onload

3 replies·opened May 10, 2020
P
PierrafeeMay 10, 2020

Hi,

Do you have an idea how to add an notification popover when the page is load?

I'd like this notification without button and display when the page is load.
<a href="#"></i> INFO COVID <br> Blabla" onclick="SEMICOLON.widget.notifications(this); return true;">BUTTON</a>

The Modal Popup is too much invasive...

Thanks.

S
SemiColonWebSTAFFMay 11, 2020

Hello,

This is Definitely Possible and more instructions about this has already been provided in the Documentation > Shortcodes > Notifications Section. Consider using the following code:

<div id="custom-notification-message" data-notify-position="top-right" data-notify-type="info" data-notify-msg=&apos;<i class="icon-info-sign"></i> Welcome to Canvas Demo!&apos;></div>

and then the following JS Code at the bottom of the Page after the js/functions.js JS File Linking:

<script type="text/javascript">
&#x9;jQuery(window).load( function(){
&#x9;&#x9;SEMICOLON.widget.notifications( jQuery(&apos;#custom-notification-message&apos;) );
&#x9;});
</script>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

P
PierrafeeMay 15, 2020

Thanks for your answers. I've write the code but nothing happen...

Code

I let you check.
Thanks

S
SemiColonWebSTAFFMay 16, 2020

Hello,

Apologies about the Inconveniences! There was a slight bug with the jQuery Code. Consider using this code instead:

<script type="text/javascript">
&#x9;jQuery(window).on( 'load', function(){
&#x9;&#x9;SEMICOLON.widget.notifications( jQuery(&apos;#custom-notification-message&apos;) );
&#x9;});
</script>

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard