CARVIEW

MOTORHOMES

Select Language

HTTP/2 301 date: Fri, 26 Dec 2025 06:52:26 GMT content-type: text/html; charset=UTF-8 location: https://jqueryui.com/dialog/ server: cloudflare x-powered-by: PHP/8.2.29 vary: X-Forwarded-Proto, accept-encoding reporting-endpoints: csp-endpoint="https://csp-report-api.openjs-foundation.workers.dev/" content-security-policy: default-src 'self'; script-src 'self' code.jquery.com download.jqueryui.com; style-src 'self' 'unsafe-inline' code.jquery.com download.jqueryui.com; style-src-attr 'unsafe-inline'; img-src 'self' data: code.jquery.com download.jqueryui.com; connect-src 'self' typesense.jquery.com; font-src 'self' data:; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; block-all-mixed-content ; report-to csp-endpoint; report-uri https://csp-report-api.openjs-foundation.workers.dev/; form-action 'self' download.jqueryui.com; x-redirect-by: WordPress expires: Fri, 26 Dec 2025 10:52:26 GMT cache-control: public, max-age=14400 cf-cache-status: MISS cf-ray: 9b3ea7c4bc3dccbb-BLR HTTP/2 200 date: Fri, 26 Dec 2025 06:52:27 GMT content-type: text/html; charset=UTF-8 server: cloudflare vary: Accept-Encoding vary: X-Forwarded-Proto x-powered-by: PHP/8.2.29 reporting-endpoints: csp-endpoint="https://csp-report-api.openjs-foundation.workers.dev/" content-security-policy: default-src 'self'; script-src 'self' code.jquery.com download.jqueryui.com; style-src 'self' 'unsafe-inline' code.jquery.com download.jqueryui.com; style-src-attr 'unsafe-inline'; img-src 'self' data: code.jquery.com download.jqueryui.com; connect-src 'self' typesense.jquery.com; font-src 'self' data:; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; block-all-mixed-content ; report-to csp-endpoint; report-uri https://csp-report-api.openjs-foundation.workers.dev/; form-action 'self' download.jqueryui.com; link: ; rel="https://api.w.org/" link: ; rel="alternate"; title="JSON"; type="application/json" content-encoding: gzip cf-cache-status: BYPASS cf-ray: 9b3ea7c93bb9ccbb-BLR Dialog | jQuery UI

jQuery UI

Dialog

Open content in an interactive overlay.

Examples

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.

view source

	
					<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
  <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#dialog" ).dialog();
  } );
  </script>
</head>
<body>
 
<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
 
</body></html>

Want to learn more about the dialog widget? Check out the API documentation.

Original Source | Taken Source