Question

I resized my jQuery UI dialog box like this:

height: $(window).height(),
width: $(window).width(),

But now It’s no longer in the center of the window. Is there some way I can make it become centered?

Answer 1

Try below function- change the variable as per requirement

function positionLightboxImage() {
  var top = ($(window).height() - $('#lightbox').height()) / 2;
  var left = ($(window).width() - $('#lightbox').width()) / 2;
  console.log("The calculated position is:");
  console.log(top,left);
  $('#lightbox')
    .css({
      'top': top + $(document).scrollTop(),
      'left': left
    })
    .fadeIn();
  console.log('A jQuery selection:');
  console.log($('#lightbox'));
}