Responsive dialog

[Pierre]

I started to play with Mobile examples and they looks nice! Is there any example of how to declare some responsive form/dialog/window?
Or any hint of how to use dialog on Mobile devices?
Thanks!

[stworthy]

The possible solution to make a dialog responsive is to listen to the window's resize event and adjust the size of this dialog. The code below is the simple implementation to achieve this functionality.

Code:

$.extend($.fn.window.methods,{
	fluid: function(jq){
		if (!$._fluid){
			$._fluid = true;
			$(window).unbind('.fluid').bind('resize.fluid',function(){
				$('div.window').children('div.window-body').window('fluid');
			})
		}
		return jq.each(function(){
			var ww = $(window).width();
			var opts = $(this).window('options');
			if (ww < opts.maxWidth + 50){
				$(this).window('resize',{
					width: ww - 50
				});
			} else {
				$(this).window('resize',{
					width:opts.maxWidth
				})
			}
			$(this).window('center');
		})
	}
});

Notice that the 'maxWidth' property must be set to limit the width of dialog. Some code looks like this:

Code:

$('#dlg').dialog({
  maxWidth:600
}).dialog('fluid');

[Pierre]

Hello
great, thanks a lot.