vivespos-landing/flashmessage.md at master

Files

Module sub-split / Sub-split (push) Waiting to run

Details

feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile

- 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

2026-08-21 19:29:00 -06:00

1.9 KiB

Raw Permalink Blame History

Flash message

Displays a floating flash message on the screen.

Display onload

<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>

This message is created from a static element. It will go away in 5 seconds.

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

$.wn.flashMsg({
    'text': 'Record saved.',
    'class': 'success',
    'interval': 3
})

1.9 KiB Raw Permalink Blame History