How To Use The Notifications Stack


When you add a Stacks page, you will see the installed stack plugins in the Stacks Elements list. Scroll down until you see Notifications Stacks.

Drag the Notifications icon onto the Stack page.

1

Configuring Notifications

Top Background and Bottom Background

You can use this to change the background color of the Notifications. This controls the gradient background (Chrome, Firefox, Safari). Please note that all notifications on the same page will have the same background color, and that Internet Explorer will not have a gradient, but will instead use the Top Background color as its background color.

Panel Opacity

Click the slider to adjust the opacity of the Notifications window. This is a subtle change and does not apply to Internet Explorer.

Top

Enter a value here. This will place the Notification box below the top of the browser screen by the amount your specify (in px). If you have multiple Notification Stacks on the same page, the value of this field for last Notification stack in the page will take precedence.

Enter a value here. This will place the Notification box the specified distance away from the right of the browser screen (in px). If you have multiple Notification Stacks on the same page, the value of this field for last Notification stack in the page will take precedence.

Title

This is optional. When you enter a Title here, it will be shown in White when the Notification shows. Attach to ID

If you enter an ID of an HTML element here, the Notification will display when that element is clicked by the user.

Show on page load

When this is checked, the Notification will automatically display when the page has finished loading.

Duration to show

This value will determine how many milliseconds it will be before the Notification disappears. Set to 0 for the Notification to be sticky.


Stacks . Images & Videos . Social . Lightboxes . Layout . Publishing . Utilities .
Bundles . Support .