Posts

Showing posts from July, 2013

Show Jquery UI Dialog on the centre of the screen

Use following on the JQuery UI dialog option when you create the dialog.

        open: function (event, ui) {
            $(event.target).parent().css('position', 'fixed');
            var winheight = $(window).height();
            var winwidth = $(window).width();
            var diaheight = $(event.target).parent().height();
            var diawidth = $(event.target).parent().width();
            $(event.target).parent().css('top', ((winheight-diaheight)/2).toString() + 'px');
            $(event.target).parent().css('left', ((winwidth - diawidth) / 2).toString() + 'px');
        },