UM GUI JS

A collection of javascript, jQuery functions that UM needed to make some FX and layout fix.

Disable this if you use others UI Frameworks

UM-GUI.js is JQuery using HTML5 API.

Utilities

um_toc($element,element,titletext);

Example: um_toc( $('div.maketoc'), 'h2', 'Table of contents' )

Make TOC from h2 Element inside div.maketoc.

um_fit_img ($element);

Example: um_fit_img ( $('.feature-image img') )

Set each .feature-image img aspect ratio using height/width

um_content_height($element, min-height)

Example: um_content_height($('#content'),280)

Set #content minimal height equal to window height - (site-header + site-footer) or at least 280px. So site-footer will be at bottom.

um_onscroll_fixed($element1,$element2,pixel)

Example: um_onscroll_fixed($('#um-top'),$('.main-navigation'),0)

#um-top will stop scrolling and dock to .main-navigation bottom position, with 0 px added-adjustment

um_tab($element);

Example: um_tab($('div.maketab'));

Make tab menu out for h3 from inside <div class='maketab'> wrapper

um_msg()

Make all .um_msg = UM Messages.

UM Schemes

Colours manipulations functions for css colours

UM Ajax Login

Function for ajax-login front-end

Tips

• Make /wp-login menu with custome links in your navigations toolbar, to intergrate login/logouts button-link into your design