beta
cables is under heavy development.
There might be one or another bug, please let us know about it!

Notification Op

Ops.Html.Notification


Notification
Namespace: Ops.Html

Op author: andro

Trigger a simple pop up notification on the screen


summary (oneliner)

The pop up will fade in and move to the end position.
Then it will fade out and move to the starting position.
It's a basic div so more styling can be applied.



doc

issues

example patch id

youtube id

caniuse query

collections

related ops

Inputs

Trigger animation (Trigger)

Trigger the animation


HTML CSS

Text (String)

Class (String)

Style (string /Number)

CSS styling


Active (boolean /Number)

Convert Line Breaks (boolean /Number)

Animation

Fade in (Number)

Hold (Number)

Fade out (Number)

mode index (integer /Number)

Positioning

mode (String)

Side index (integer /Number)

Pick from top or bottom


Positioning

Side (String)

Starting position (Number)

Ending position (Number)

Outputs

Finished trigger (Trigger)

Finished (boolean Number)

DOM Element (Object)

Caught a mistake or want to contribute to the documentation?

Edit Documentationcancel save

HTML Notification example

Open Example In Editor


Patches using Notification

Changelog


created op
2020-09-24 - andro