Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Bootstrap Alert (gallery-bootstrap-alert) on cdn

Last Updated: 08/15/12

+ 0 -

J. Shirley

YUI Contributor

See 8 more by this user.

Created: 08/15/12
Last CDN Push: 08/22/12
Build Tag: gallery-2012.08.22-20-00
Project: YUI 3
License: YUI BSD
YUI Version: 3.6.0
Free for use.

This is a simple plugin to provide transition-based close effects on div elements. Any element with a data-dismiss attribute can be quickly faded away into nothingness. It's typically used for Bootstrap alerts.

Tags:
jshirley

Following the Bootstrap alert code, you'll have a closer element. This plugin allows transition-based effects to close the alert.

Make sure to add the fade and in class for transition effects!



<div class="alert alert-error fade in">

  <a class="close" data-dismiss="alert" href="#">&amp;times;</a>

  <p>This message can be closed!</p>

</div>

Code Sample

<script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.08.22-20-00'
}).use('gallery-bootstrap-alert', function(Y) {
     // To plug into a node:
     Y.one(".alert").plug( Y.Plugin.Alert, options )
});