closeButtonInHeader : booleanDefault: true

Specifies whether the dialog should have a close button in right part of dialog header.

Examples

True

    
 <div id="dialog">
     <div data-role="header"><h4 data-role="title">Dialog</h4></div>
     <div data-role="body">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>
     <div data-role="footer">
         <button onclick="dialog.close()" class="gj-button-md">Ok</button>
         <button onclick="dialog.close()" class="gj-button-md">Cancel</button>
     </div>
 </div>
 <script>
     var dialog = $("#dialog").dialog({
         closeButtonInHeader: true,
         height: 200
     });
 </script>

False

    
 <div id="dialog">
     <div data-role="header"><h4 data-role="title">Dialog</h4></div>
     <div data-role="body">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>
     <div data-role="footer">
         <button onclick="dialog.close()" class="gj-button-md">Ok</button>
         <button onclick="dialog.close()" class="gj-button-md">Cancel</button>
     </div>
 </div>
 <script>
     var dialog = $("#dialog").dialog({
         closeButtonInHeader: false
     });
 </script>