set Content Dialog not centered

[TommyCorr]

When I open a Dialog with setContent(), it loads onto the bottom of the screen.
When i minimize and maximize the browser or change browser window width or height, the dialog centers properly.

Is there a way to redraw or refresh dialog position before opening? or is there a solution??

Thank you

[xscode-auto-reply]

Thanks for opening a new issue. The author has been notified and will review it as soon as possible.
For urgent issues and priority support, visit https://xscode.com/olton/Metro-UI-CSS or Patreon

[olton]

Please, create an example on codepen.io

[TommyCorr]

https://codepen.io/tommycorr/pen/bGwXYrz

Open the dialog, and then resize your browser window.

[olton]

All ok for me

[olton]

You can use setPosition() API method to repositioning

[olton]

What version of Metro 4 you are use? Maybe you use not the latest version, and this version contains any bugs.

[TommyCorr]

I'm using 4.4.3.

Do i use setPosition() before or after Metro.dialog.open('#dialog');?? and by default will it locate the dialog at the center??

[olton]

You can call setPosition after setContent. Also setPosition executing automatically when window is resized.

[TommyCorr]

I added dialog.setPosition() after setContent and before open in the codepen i attached here, and no results.

[olton]

Check your browser console for errors

[TommyCorr]

No errors :(

[TommyCorr]

[olton]

Ok, I understand your problem. Maybe this is a bug in the dialog positioning procedure. I will study this question. Thank you for your feedback.

[TommyCorr]

Thank you Olton, I'll be on the lookout

[olton]

Try this

    function OpenDialog() {
        var dialog = Metro.getPlugin('#IdDialog', 'dialog');
        dialog.setTitle('My Dialog Title');
        dialog.setContent(...);
        setTimeout(function(){
            dialog.open();
        }, 100);
    }

[TommyCorr]

That did the trick, thank you Olton!

[olton]

Since the content for the dialog contains Metro components, which are built after adding them to the DOM, it takes some time to calculate the height correctly. For static content, you don't need to use setTimeout.

[TommyCorr]

Noted, thank you for your support