Enhancement: Allow positioning the popup programatically.

There are times where I don’t always want the popup positioned in the center of the screen. Actually, I prefer it to be centered and top, like chrome’s default alert. That way it doesn’t block whatever is covering the screen.

Currently, its possible with css, but not practical as you might not always want that:

.swal2-modal {
    margin-top: 0 !important;
}

Other possibilities could include: right left bottom top-right top-left …etc?

swal({
  //....
  position: 'top-left',
});

[toverux]

in cases where you want to position the popup on top of a sidebar on one side of the screen or the other

Aha, that’s already possible with the target option 😃 Pass it the Swal parent container (body by default) and the modal will attach itself to it and displayed in the middle of it. So if you screen is divided in two parts for example, give Swal one of the two containers, and the modal will be perfectlty centered in it!

[gverni]

glad it worked now @Franki1986. I agree we should add an example, but it’s not easy with the design of the current documentation page. Let us think about it.