• YUI Home
  • Gallery Archive
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

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.

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

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.

Ellipsis (gallery-ellipsis) on cdn

Last Updated: 04/25/11
+ 1 -

Dan Beam

YUI Contributor

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.

  • Tags:
  • danbeam
  • Download
  • Docs
  • Homepage
  • Bugs
  • Source
  • Example
  • Forum
  • History

Code Sample

<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)
 
});

Forum Posts

No forum posts for this module.

All code on this site is licensed under the BSD License unless stated otherwise.