• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

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

Tag Cloud

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.

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info