[solved] hiding and showing window's footer

[TheunisP]

Sorry to bother but it is late and I'm staring at the screen and cant get this to work. I want to hide & show a window's footer. I tried a couple of attacks but lack of sleep is getting at me, any one help?

my window=windowcandidate and footer=windowcandidatefooter

$('#windowcandidate').panel('footer').remove(); //since panel is part window ne?

showing & refreshing is another mission ;-)

any ideas?

[stworthy]

Please try to set the footer height to 0 to hide the footer panel.

Code:

$('#w').window('footer').css('height',0);
$('#w').window('resize');

To display the footer panel again, set the 'height' to a normal value.

Code:

$('#w').window('footer').css('height','');
$('#w').window('resize');

[TheunisP]

that was a great push in the right direction - thnx man - however the footer still showed an odd 10px of stuff when settting the hight to 0px - go figure ;-) anyway this got rid of it and I figure display block will bring it back

$easy('#windowcandidate').window('footer').css('display','none');

but hit another stumble block, the resize works on the semi - after resize the window is almost cut in 1/2 resulting in the container tab & form to be cut-off and a scroll bar being added

any ideas? I'll check the forum for resize issues anyway ;-)

[TheunisP]

ok fixed that by forcing a specific resize:

$easy('#windowcandidate').window('resize',{width:1000,height:650});

just 1 strange thing though, the container window's inner border-bottom dissapears?! stranger and stranger

[stworthy]

Here is the extended methods to show or hide the footer.

Code:

(function($){
	$.extend($.fn.panel.methods,{
		showFooter: function(jq){
			return jq.each(function(){
				var opts = $(this).panel('options');
				$(opts.oldFooter).insertAfter(this).show();
				$(this).addClass('panel-body-nobottom');
				$(this).panel('resize');
			});
		},
		hideFooter: function(jq){
			return jq.each(function(){
				var opts = $(this).panel('options');
				opts.oldFooter = $(this).panel('footer').hide().appendTo('body');
				$(this).removeClass('panel-body-nobottom');
				$(this).panel('resize');
			});
		}
	})
})(jQuery);

[TheunisP]

I made this [solved] since I think we have a working solution(s) - thanks again stworthy