avives
1f72193a64
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- Base: wintercms/winter branch 1.2 (full framework) - Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS - Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication - Partials: hero (offline-first), features, modes (offline/nube toggle), screenshots, pricing (3 planes), comparison, FAQ, CTA - Plugin VivesPOS.Site with ContactForm - Dockerfile: PHP 8.2 Apache, port 80, healthcheck - Added winter/wn-pages, blog, sitemap, seo plugins - Active theme set to vivespos
71 lines
1.9 KiB
Markdown
71 lines
1.9 KiB
Markdown
## Flash message
|
|
|
|
Displays a floating flash message on the screen.
|
|
|
|
### Display onload
|
|
|
|
```html
|
|
<p data-control="flash-message" data-interval="5" class="success">
|
|
This message is created from a static element. It will go away in 5 seconds.
|
|
</p>
|
|
```
|
|
|
|
<p data-control="flash-message" data-interval="5" class="info">
|
|
This message is created from a static element. It will go away in 5 seconds.
|
|
</p>
|
|
|
|
<br />
|
|
|
|
|
|
### Trigger
|
|
|
|
<p>
|
|
<a href="#" class="btn btn-primary" onclick="$.wn.flashMsg({text: 'The record has been successfully saved. This message will go away in 1 second.', 'class': 'success', 'interval': 1}); return false;">
|
|
Show Success
|
|
</a>
|
|
|
|
<a href="javascript:;" class="btn btn-danger" onclick="$.wn.flashMsg({text: 'Babam!', 'class': 'error'}); return false;">
|
|
Show Error
|
|
</a>
|
|
|
|
<a href="javascript:;" class="btn btn-warning" onclick="$.wn.flashMsg({text: 'Warning! Winter is too good for this world!', 'class': 'warning'}); return false;">
|
|
Show Warning
|
|
</a>
|
|
</p>
|
|
|
|
|
|
### Display static
|
|
|
|
A flash message can be rendered as a static element by attaching the `static` class. The `data-control` attribute is not needed.
|
|
|
|
<p class="flash-message static success">
|
|
Import completed successfully (success)
|
|
</p>
|
|
|
|
<p class="flash-message static info">
|
|
Informative info box is informational (info)
|
|
</p>
|
|
|
|
<p class="flash-message static warning">
|
|
Phasers have been set to stun (warning)
|
|
</p>
|
|
|
|
<p class="flash-message static error">
|
|
We couldn't help you with that (error)
|
|
</p>
|
|
|
|
### Data attributes
|
|
|
|
- data-control="flash-message" - enables the flash message plugin
|
|
- data-interval="2" - the interval to display the message in seconds, optional. Default: 2
|
|
|
|
### JavaScript API
|
|
|
|
```js
|
|
$.wn.flashMsg({
|
|
'text': 'Record saved.',
|
|
'class': 'success',
|
|
'interval': 3
|
|
})
|
|
```
|