jQuery UI dialog box appears at top of page while page is loading


jQuery UI dialog box appears at top of page while page is loading



I have a jQuery dialog box on my website. I give a div on the page the "dialog" id it's contents become the contents of the dialog box. However, when the page is loading, this div appears at the top of the page and looks bad. Does anyone know how to deal with this?




ui:calendar tag rendering issue

1:



JSF session scope beans with Tabbed browsing
Just hide your div via your CSS file:.
Facelets: how to pass a ui:insert value as an html attribute?
#dialog {display: none} 
This will not affect its actual display when the dialog is opened..
What's the best online reference for JSF tags? [closed]
I tested to be sure, and this method worked with jQuery UI 1.7.2.
An efficient way to compute a UIComponent clientID?


JSF IceFaces basic problem with redisplaying input value


JSF: Avoiding session scoped variable conflicts when launching 2 instances of an app

2:



Is G4jsf still being developed/supported?
Assuming that the dialog is changing the 'display' style [eg using .show() and .hide()] then all jQueryUI is doing is setting the display style.

thus, you can set the div with the display:none by default, and that way it won't show when you load..



73 out of 100 based on 53 user ratings 703 reviews

@