uiLibrary : string (jqueryui|bootstrap|foundation)Default: undefined

The name of the UI library that is going to be in use. Currently we support only jQuery UI and Bootstrap.

The css files for jQuery UI, Foundation or Bootstrap should be manually included to the page where the dialog is in use.

Examples

jQueryUI

    
 <div id="dialog">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>
 <script>
     $("#dialog").dialog({
         uiLibrary: 'jqueryui'
     });
 </script>

  

jQueryUI Theme

    
 <link href="https://code.jquery.com/ui/1.11.4/themes/start/jquery-ui.css" rel="stylesheet">
 <div id="dialog">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>
 <script>
     $("#dialog").dialog({
         uiLibrary: 'jqueryui'
     });
 </script>

  

Foundation

    
 <div id="dialog">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>
 <script>
     $("#dialog").dialog({
         uiLibrary: 'foundation'
     });
 </script>

  

Bootstrap

    
 <div id="dialog">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</div>
 <script>
     $("#dialog").dialog({
         uiLibrary: 'bootstrap'
     });
 </script>