The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
Dan Beam
Created: 11/3/10
Last CDN Push: 04/13/11
Build Tag: gallery-2011.04.13-22-38
Project: YUI 3
License: YUI BSD
YUI Version: 3.3.0
Free for use.
Normalizes text-overflow: ellipsis; in all browsers with YUI3. Also allows multiple lines instead of just 1.
<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>
YUI( ).use('gallery-ellipsis', function (Y) {
// If you have native support and are using the default settings
// (1 line, … as end marker), just "set it and forget it!"
if (Y.DOM.ellipsis.nativeSupport) {
Y.all('.ellipsis').ellipsis();
}
else {
// run once now (if desired)
Y.all('.ellipsis').ellipsis();
// run ellipsis on window resize
Y.on('windowresize', function () {
Y.all('.ellipsis').ellipsis();
});
}
// Use a custom ellipsis character (»)
Y.all('.ellipsis-chevron').ellipsis({'ellipsis': '\u00BB'});
// When you need more than just 1 line
Y.all('.ellipsis-description').ellipsis({'lines': 5});
// When you *really* want to make sure you don't wrap
Y.all('.ellipsis-safe').ellipsis({'fudge': 10}); // give an error margin ("fudge" factor)
});
No forum posts for this module.
All code on this site is licensed under the BSD License unless stated otherwise.