Overview

Snackbar - Show a message for 3 seconds.

This shows a message for 3, 5 or 10 seconds, then hides it again.

How to use

1. In the flow where you want the message to get shown, add 'JavaScript_SnackbarMessage';
2. Set its 3 parameters: Messagetext, messagetype and duration;

Features

• The message is a variable, you can show any text you like;
• You can include an icon;
• Background color differs per messagetype;
• You can adjust the styling to your liking;
• Behaviour at multiple messages: A next snackbar-call will push the present ones up;
• Pure Mendix. Simply some styling elements and a tiny JavaScript, so you can control and change whatever you like.

Dependencies

None

Documentation

Description

This shows a message for 3 seconds, then hides it again.

Typical usage scenario

Anytime you want to re-assure your user that happened what they expected to happen, or to warn them that something they expected to happen did not happen or went wrong.

Features and limitations

• The message is a variable, you can show any text you like.
• You can include an icon.
• You can adjust the styling and placement to your liking.
• A second snackbar-call will wait until the first has been hidden, before showing itself.

Installation

1. In the flow where you want the message to get shown, add 'JavaScript_SnackbarMessage';
2. ... there is no step two;

And only for using the demo-nanoflows: add the module role 'mrJustForDemo to the user-role.

Dependencies

• None

Configuration

None

Known bugs

None

Frequently Asked Questions

• Q: Can I adjust the color-scheme?
• A: Yes, you can. Open the styling sheet "_snackbar.scss" and change anything you like.
• Q: Can I adjust the icons?
• A: Yes, you can. Open the snippet "Snip_Snackbar" and choose another system-image, or add your own.
• Q: Can I show multiple messages?
• A: Yes, you can. They will show nicely next to each other.
• Q: Can I change the location of the snackbar?
• A: Yes, you can. In the styling sheet change 'top: 0;' to 'bottom: 0;'. Play around in the scss for other options.
• Q: Can I change the duration of the snackbar?
• A: Yes, you can. In the javascript change the value of 'NumOfSecondsToShowTheMessage'.