{"id":8067,"date":"2015-11-23T18:41:19","date_gmt":"2015-11-23T18:41:19","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2015\/11\/23\/jquery-ui-dialog-how-to-initialize-without-a-title-bar-open-source-projects-jquery-jquery-ui\/"},"modified":"2022-08-30T15:03:02","modified_gmt":"2022-08-30T15:03:02","slug":"jquery-ui-dialog-how-to-initialize-without-a-title-bar-open-source-projects-jquery-jquery-ui","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2015\/11\/23\/jquery-ui-dialog-how-to-initialize-without-a-title-bar-open-source-projects-jquery-jquery-ui\/","title":{"rendered":"jquery UI dialog: how to initialize without a title bar?-open source projects jquery\/jquery-ui"},"content":{"rendered":"<p><img decoding=\"async\" src=\"http:\/\/i.stack.imgur.com\/RnnAN.jpg?s=128&amp;g=1\" \/> <strong>ProgrammingNinja<\/strong><\/p>\n<p>This is How it can be done.<\/p>\n<p>Go to themes folder&#8211;&gt; base&#8211;&gt; open jquery.ui.dialog.css<\/p>\n<p>Find<\/p>\n<p>Followings<\/p>\n<p>if you don&#8217;t want to display titleBar then simply set display:none as i did in the following.<\/p>\n<pre><code>.ui dialog.ui-dialog .ui-dialog-titlebar \n{\n    padding: .4em 1em;\n    position: relative;\n        display:none;\n}\n<\/code><\/pre>\n<p>Samilarly for title as well.<\/p>\n<pre><code>.ui-dialog .ui-dialog-title {\n    float: left;\n    margin: .1em 0;\n    white-space: nowrap;\n    width: 90%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display:none; \n}\n<\/code><\/pre>\n<p>Now comes close button you can also set it none or you can set its<\/p>\n<pre><code>.ui-dialog .ui-dialog-titlebar-close {\n    position: absolute;\n    right: .3em;\n    top: 50%;\n    width: 21px;\n    margin: -10px 0 0 0;\n    padding: 1px;\n    height: 20px;\n\n   display:none;\n\n}\n<\/code><\/pre>\n<p>I did lots of search but nothing then i got this idea in my mind. However this will effect entire application to don&#8217;t have close button,title bar for dialog but you can overcome this as well by using jquery and adding and setting css via jquery<\/p>\n<p>here is syntax for this<\/p>\n<pre><code>$(\".specificclass\").css({display:normal})\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>ProgrammingNinja This is How it can be done. Go to themes folder&#8211;&gt; base&#8211;&gt; open jquery.ui.dialog.css Find Followings if you don&#8217;t want to display titleBar then simply set display:none as i did in the following. .ui dialog.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; display:none; } Samilarly for title as well. .ui-dialog .ui-dialog-title { float: left; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8067","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/8067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=8067"}],"version-history":[{"count":1,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/8067\/revisions"}],"predecessor-version":[{"id":8651,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/8067\/revisions\/8651"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=8067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=8067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=8067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}