Hi Matthew,
Greetings from Syncfusion support.
Query 1: When the page initializes, the Dialog shows by default. I have got around this for now by adding a handler to the OnCreated event to hide the dialog.
We have a visible property in Dialog for hiding the dialog on initial component render in the application. We suggest you, set a visible property as false by binding value from code behind, because it two-way binding property.
Sample code:
|
<EjsButton @onClick="@OnClicked">Open Dialog</EjsButton>
<EjsDialog @ref="DialogObj" Width="250px" ShowCloseIcon="true" @bind-Visible="@DlgVisible">
<DialogTemplates>
<Header> <div>Dialog</div> </Header>
<Content> <div>This is a dialog with header</div></Content>
</DialogTemplates>
</EjsDialog>
@code {
EjsDialog DialogObj;
private bool DlgVisible = false;
private void OnClicked()
{
this.DialogObj.Show();
}
}
|
Query 2: I have got around this for now by adding a handler to the OnCreated event to hide the dialog, but it still shows very briefly in a flicker.
Whether you are facing dialog contents are visible in DOM for a few seconds, before dialog component render completely?
If yes, we currently have a similar issue from our end and working with high priority to overcome this component rendering delay and this fix will be included in the patch release which is expected by the end of August. You can track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link:
We have prepared sample for your reference, get it from below link
Regards,
Pandiyaraj M
