All Syncfusion Dialogs flicker on page load...

[Corey Thompson]

I have several Syncfusion dialogs that are ShowOnInit = false. When the page loads, all of the content in those dialogs is visible for about a full second, I guess, before the DOM loads. I've tried using normalize and a few other things but I can't get this to stop. Do you have a solution for such an issue?

[Sasikala Nagarajan]

Hi Corey,

Sorry for the delay,

We have analyzed your reported requirement. Currently there is no inbuilt option to achieve your reported requirement in our EJ Dialog component. But we can achieve your reported requirement, by overriding the CSS of the dialog control content area.

We have sets visibility hidden to div element while initializing the div using content template property as like below code,

[cshtml]

@Html.EJ().Dialog("dialog").ContentTemplate(@<div style="visibility:hidden">Dialog 1 loaded</div>).ClientSideEvents(e => e.Create("created")).ShowOnInit(false)

Then, we have changed this visibility value to visible, once the control has been created using the client side event “create” which will trigger once the control has been created completely.

Please refer the below code example

[cshtml]

@Html.EJ().Dialog("dialog").ContentTemplate(@<div style="visibility:hidden">Dialog 1 loaded</div>).ClientSideEvents(e => e.Create("created")).ShowOnInit(false)

[script]

function created(args) {

        this.element.find(">div > div").css("visibility", "visible")

       

    }

Please check with the given solution and let us know if you have further queries. We will be happy to help you out.

Regards,

Sasikala Nagarajan

---

CT Corey Thompson February 10, 2016 07:48 PM UTC

You're kidding me?! :) Why didn't I think of that one? So simple. 

Thank you, Sasikala. Life saver. I have so many places I can apply something like this.

---

SN Sasikala Nagarajan Syncfusion Team February 11, 2016 07:03 AM UTC

Hi Corey,
 
Thanks for the update,
 

Please get back to us if you need further assistance and we will be happy to help you.

Regards,

Sasikala Nagarajan

Need More Help?

Get personalized assistance from our support team.

Contact Support

SIGN IN To post a reply.

• 3 Replies
• 2 Participants
• Want to subscribe?
  SIGN IN
• Created by
  CT Corey Thompson
• Platform
  ASP.NET MVC
• Control
  Dialog
• Created On
  Feb 8, 2016 07:44 PM UTC
• Last Activity On
  Feb 11, 2016 07:03 AM UTC

Need More Help?

Get personalized assistance from our support team.

Contact Support

[Corey Thompson]

You're kidding me?! :) Why didn't I think of that one? So simple. 

Thank you, Sasikala. Life saver. I have so many places I can apply something like this.

[Sasikala Nagarajan]

Hi Corey,
 
Thanks for the update,
 

Please get back to us if you need further assistance and we will be happy to help you.

Regards,

Sasikala Nagarajan