How to hide title bar in jQuery UI modal dialog?

added by jalpesh
2/2/2013 6:10:28 AM


jQuery UI is a great open source set of user controls and it’s very easy to use. Recently one of my friend asked question that how we can hide title bar in jQuery UI Dialog? so this post is a reply to him. Let’s create a simple html and use jQuery Ui modal dialog. Following is a code for that. Here in the above code you can see I have create a hello world pop up with jQuery CDN. <html> <head> <title>Hello World Popup</title> <link type="text/css" href="" rel="stylesheet" /> <script language="javascript" src=""></script> <script language="javascript" src=""></script> <script type="text/javascript"> function Show() { $("#dialog:ui-dialog").dialog("destroy"); $("#dialog-modal").dialog({ height: 300, width: 200, modal: true }); } </script> </head> <body> <div id="dialog-modal" title="Hello Word" style="display: none"> Hello World Juqry UI popup </div> <input type="button" onclick="javascript: Show()" value="click me" /> </body> </html>