Page 1 of 1
Is There a Way To Make A Sliding Notification Box?
Posted: Tue Oct 10, 2023 11:21 pm
by KingSparta
Is There a Way To Make A Sliding Notification Box?
Re: Is There a Way To Make A Sliding Notification Box?
Posted: Wed Oct 11, 2023 12:21 am
by crispy68
Do you have an example of what you are trying to do?
Re: Is There a Way To Make A Sliding Notification Box?
Posted: Wed Oct 11, 2023 9:24 pm
by KingSparta
crispy68 wrote: Wed Oct 11, 2023 12:21 am
Do you have an example of what you are trying to do?
like a Windows 10\11 notification that slides in from the right, Pauses about 10 seconds, and then slides back out of view.
Re: Is There a Way To Make A Sliding Notification Box?
Posted: Wed Oct 11, 2023 11:03 pm
by crispy68
What triggers it to make it slide?
Re: Is There a Way To Make A Sliding Notification Box?
Posted: Thu Oct 12, 2023 12:34 am
by BaconFries
What your referring to in Windows is known as "Push Notifications" it generally kicks in for example when a "New" update is installed or it could be your AV has updated. In web design (mobile)you can do something similar using what is called "Toast" Notifications were onload of a page a message slides up for a set time in seconds then slides back. You may or may not have seen it in action is sites that sell or proclaim to sell a item and every few seconds one appears saying something like "Dave from Anytown just bought" and so on and on.
See the following example of a onload but you need to close yourself
https://codepen.io/osaroadade/pen/oNXeNYE
You could also do this with the tools already available in the software with a little know how.
Toast plugin for information only
https://kamranahmed.info/toast
https://github.com/kamranahmedse/jquery-toast-plugin
Re: Is There a Way To Make A Sliding Notification Box?
Posted: Thu Oct 12, 2023 3:07 am
by wwonderfull
Not sure if it is something dynamic but wwb does have a box which pops up like a notification and that is the "Toast" Tool.
You can give it slide fade and other effects when popping up too.
https://www.wysiwygwebbuilder.com/toasts.html
Re: Is There a Way To Make A Sliding Notification Box?
Posted: Thu Oct 12, 2023 5:03 pm
by KingSparta
I just checked Toast, I can get it to slide in, but Not slide out.
I am going to play with it a bit more today.
thanks both for the Tip.