Friday October 2nd

Thursday October 1st

0 Kicks

How to hide title bar in jQuery UI modal dialog?

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>


Commenting on Stories is limited for now and will open up to those recommended by the community. Learn how
Loading DotNetKicks...
brought to you by the Kicks Network