Show in Full Screen (Only Width is full to the edge of screen, not height)

[Handi]

Dear All,

As per documentation said that you can achieved full screen dialog by sending true value to Show Method, but only width of dialog is full to the edge of screen, not height.

Anybody has the same experience ?

Please let me know, thanks.

Regards,

Handi Rusli

[Indrajith Srinivasan]

Hi Handi, 

 

Greetings from Syncfusion support, 

 

We have validated your reported query. If the SfDialog is rendered based on the body, the height and width will be adjusted to the full pageview. If it is rendered based on the specific target, the dialog tries to adjust its height based on the target.  

 

Could you please check and remove the target to the dialog while showing a dialog in full-screen mode? 

 

Regards, 

Indrajith 

[Handi]

Dear Indrajith,

This is how I reproduce the behaviour :

@page "/test"

    <SfDialog @ref="dialog"

              ShowCloseIcon="true"

              IsModal="true"

              @bind-Visible="IsVisible">

        <DialogTemplates>

            <Header>

                Dialog Test

            </Header>

            <Content>

                <p>Hello</p>

            </Content>

        </DialogTemplates>

        <DialogAnimationSettings Effect="DialogEffect.Zoom" Duration="200"></DialogAnimationSettings>

        <DialogButtons>

            <DialogButton>

                <DialogButtonModel Content="Button 1" IsPrimary="true"></DialogButtonModel>

            </DialogButton>

            <DialogButton>

                <DialogButtonModel Content="Button 2"></DialogButtonModel>

            </DialogButton>

        </DialogButtons>

    </SfDialog>

<h3>Test</h3>

@code {

    SfDialog dialog { get; set; }

    bool IsVisible { get; set; } = false;

    protected override void OnInitialized()

    {

        base.OnInitialized();

    }

    protected override void OnAfterRender(bool firstRender)

    {

        base.OnAfterRender(firstRender);

        if (firstRender)

        {

            dialog.Show(true);

        }

    }

}

Am I missing something ?

Attachment: sfdialog_full_screen_4fffd54f.zip

[Indrajith Srinivasan]

Hi Handi,

Thanks for the update,

We have checked the shared code blocks and image screenshot shared. It works as expected from our end, showing the SfDialog in full screen width and height occupying the entire body of the page. We have ensured the shared sample code with the Nuget version 18.1.45. We have also prepared a sample and video demo of the SfDialog renderred.

Sample: https://www.syncfusion.com/downloads/support/forum/153668/ze/SfDialog_fullscreen132834753

Video demo: https://www.syncfusion.com/downloads/support/forum/153668/ze/DIALOG~1-1869627361

Can you please check the above sample and let us know if you face any difficulties?

Regards, 

Indrajith 

[Handi]

Hi Indrajith,

Yes, your sample code is working as expected behaviour. 

I have updated to Nuget Version 18.1.46 ... the problem is still exist.

I still figuring out ... I will let you know if I've got the clue.

Thank you for your excellent support.

Regards,

Handi Rusli

[Indrajith Srinivasan]

Hi Handi, 

 

Thanks for the update, 

 

We have also ensured the same sample with the Nuget version 18.1.46 which works fine. We suspect that NuGet cache may cause the issue. Can you please clear the NuGet cache and try once from your end? 

 

https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache 

 

We will wait to get an update from you. 

 

Regards, 

Indrajith