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.

Text Resizer (gallery-text-resizer) on cdn

Last Updated: 10/18/12

+ 0 -

Anthony Pipkin

YUI Developer

See 28 more by this user.

Created: 09/20/10
Last CDN Push: 03/11/11
Build Tag: gallery-2011.03.11-23-49
Project: YUI 3
License: YUI BSD
YUI Version: 3.7.3
Free for use.

 

 Moving to 'gallery-xarno-text-resizer' and Y.Plugin.Text.Resizer

Gives the ability to attach font resizing to any node on a page.

Configuration

currentSize - (0) Stores the current size for retrieval and updates
baseSize - (12) Initial size font should be when loaded. Used with reset()
smallest - (9) Smallest font sized to be displayed. Limit is only checked when using down()
largest - (18) Largest font sized to be displayed. Limit is only checked when using up()
unit - (px) Unit of measurement for font size
cookieName - (YUI_TEXT_RESIZER) Used for cookie setting and getting
targetNode - (body) Sets the font-size of the node on updates

Tags:
apipkin

We create a list of < Text > where the user can resize the font up and down by clicking on either of the chevrons to the left and right of "Text".

It is recommended to reduce flashes when working with dynamic CSS, that you load in the font size in the header from the cookie stored on the users device during the initial page build on the server.

Code Sample

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

<ul id="size">
    <li><a href="#" class="text-resize-down"><</a></li>
    <li><span>Text</span></li>
    <li><a href="#" class="text-resize-up">></a></li>
</ul>
 
YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.03.11-23-49'
}).use('gallery-text-resizer', function(Y) {
 
    Y.one('#size').plug(Y.Text.Resizer);
 
});

Forum Posts

Subject	Author	Date
Magnified Vision using Text Resizer	Phillip Ball	03/24/11
Standardizing apipkin Modules	Anthony Pipkin	10/16/12