Position dialog without in center of current scroll position

[Goce Petrovski]

Hi there,

I'm attempting to centre a dialog on the screen, but the div I'm putting it in is bigger than the current screen height. 

Instead of centering on the current view, the dialog centres on the whole div, which causes the content to scroll to the middle (down or up depending on current location) and always shows the dialog there. Is there any way to centre the dialog only on the current scroll position, not the centre of the whole div?

[Indrajith Srinivasan]

Hi Goce, 

 

Greetings from Syncfusion support, 

 

We have validated your reported query. If the SfDialog is rendered with target it will be centered based on the target height. In order to center the SfDialog based on current view, we suggest you to render the SfDialog configuring the modal with body as target(If Target property is not specified, it will be rendered based on the body). We have also prepared a sample based on your requirements. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/156841/ze/SfDialog_CenterView-1224943680  

 

Also, we suggest the below SfDialog behavior of positioning the dialog when scrolling.  

 

Documentation: https://blazor.syncfusion.com/documentation/dialog/how-to/position-the-dialog-on-center-of-the-page-on-scrolling/ 

 

Regards, 

Indrajith 

[Goce Petrovski]

Thanks Indrajith,

That worked perfectly. Might be worth updating your docs to mention the stuff around removing the target, or at least, I didn't find it anywhere.

[Indrajith Srinivasan]

Hi Martin, 

 

Thanks for your suggestions, 

 

We will document the same with the SfDialog on or before our 2020 Volume 3 Main release. 

 

Regards, 

Indrajith 

[Indrajith Srinivasan]

Hi Martin,

We couldn't update our documentation with our Volume 3 main release. We will update the documentation from our end, on or before Volume 3 SP 1 release.

Regards,
Indrajith

[Indrajith Srinivasan]

Hi Martin,

We have documented, the SfDialog target usage in our documentation.

https://blazor.syncfusion.com/documentation/dialog/getting-started/#run-the-application

Regards,
Indrajith