We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Dialog Content not displaying on Initial Page load

Thread ID:





148722 Oct 31,2019 06:51 PM UTC Nov 6,2019 05:45 AM UTC Blazor 5
Tags: Dialog
Alex Jacobson
Asked On October 31, 2019 06:51 PM UTC

We recently updated version to fix a bug on one of our pages. However, a new bug has showed up: our dialog boxes will not show any of their content when the page loads up for the first time. Everything that's supposed be visible within the DialogTemplates tag just doesn't show up. However, strangely enough, the content will load when we refresh the page.

Here's what our component looks like:

<EjsDialog @ref="AddEditStyleModal" Width="600px" ShowCloseIcon="true" IsModal="true" @bind-Visible="AddEditStyleModalVisible">
        <Header>@(WorkingStyle == null || WorkingStyle.Id == 0 ? "Create New Style" : "Edit Style")</Header>
            <div id="add-styles-form">
                <EjsTextBox Placeholder="Style Template Name" FloatLabelType='@FloatLabelType.Auto' @bind-Value="@WorkingStyle.Name"></EjsTextBox>
                <EjsTextBox Placeholder="CSS" FloatLabelType='@FloatLabelType.Auto' Multiline="true" @bind-Value="@WorkingStyle.Css"></EjsTextBox>
                <EjsSpinner @ref="StyleSaveSpinner" Target="#add-styles-form"></EjsSpinner>
            @if (!string.IsNullOrEmpty(ErrorMessage))
                <div class="row mb-2">
                    <div class="col-sm-12 text-right"><label class="alert-danger">An Error Occurred: @ErrorMessage</label></div>
        <DialogButton ButtonModel="@SaveStyleButton" OnClick="@SaveStyle" />

This used to work before we upgraded. No exceptions or anything are being thrown when this happens.

Alex Jacobson
Replied On October 31, 2019 09:56 PM UTC

Okay, I was able to fix this issue by populating my page's data via a synchronous service call as opposed to an asynchronous call (this dialog box shows up on a page where there's a list of items in a Grid). Is this an issue your team is looking at? I should think the use of async shouldn't affect whether the dialog populates.

Pandiyaraj Muniyandi [Syncfusion]
Replied On November 1, 2019 01:33 PM UTC

Hi Alex, 
Greetings from Syncfusion support. 
We have validated the reported issue with the shared code blocks and able to reproduce from our end. We will fix and include it in upcoming patch release which is scheduled on 6th November. You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this feedback link, https://www.syncfusion.com/feedback/9884/ 
We appreciate your patience until then. 

Replied On November 4, 2019 07:57 AM UTC

My problem is like it: Can't wait event async in  OnInitializedAsync of EjsDialog content Child Component  
I hope Syncfusion update soon.

Pandiyaraj Muniyandi [Syncfusion]
Replied On November 4, 2019 12:00 PM UTC

Hi Nguyen


Good day to you. 


As promised in earlier update, we will fix and include in our upcoming patch release and let you know. 




Pandiyaraj Muniyandi [Syncfusion]
Replied On November 6, 2019 05:45 AM UTC

Hi Alex/Nguyen, 
Good day to you. 
We have resolved "Content template not rendered in Dialog component" issue and included in 17.3.26-beta patch release. Kindly refer below release notes section  
We suggest you, upgrade the package into latest version to resolve the reported issue. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon