Add Loading Spinner to JQuery UI Tab Body -
is there simple way show loading spinner in body of jquery ui tab while loading via ajax?
essentially looking spinner option, displaying graphic , loading message in tab body rather tab title.
this should work jquery ui 1.9+ ajax loaded tabs (assuming tabs have id 'tabs'):
$("#tabs").tabs({ // loading spinner beforeload: function(event, ui) { ui.panel.html('<img src="loading.gif" width="24" height="24" style="vertical-align:middle;"> loading...'); } });
you'll need put loading.gif in right place , adjust img tag src, width , height, think idea. can bunch of spinner images @ http://www.ajaxload.info/
Comments
Post a Comment