JQuery JavaScript Tutorial





  jQuery UI Dialog - Default functionality
  
  
  
  
  
  
  
  
  
  $.ui.dialog.defaults.bgiframe = true;
  $(function() {
    $("#dialog").dialog();
  });
  




  

This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.





Sed vel diam id libero rutrum convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.



  
  checkbox
  radio
  
  




The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe.  It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.