Currently I am manually centering the windows, but ideally they should center themselves for reactive design.
The dialog is supposed to center out of the box. Here is how it displays on our online demos:
Could it be that some CSS in your app interferes with the dialog positioning?
I am using a standard bootstrap configuration, and I have no custom styles on the page. I have seen the online demos, and was wondering if there might be something special you did?
There isn't anything special. The dialog is supposed to center by default as long as you don't specify your own Left or Top options.
It is very off center. I think it might be related to a problem I had with the draggable feature, where the window jumps to the right of wherever you click.
I fixed the problem, I moved the dialog above the sidebar in app layout