jquery-mobile/docs/pages/dialog.html

<!DOCTYPE html> 
<html> 
	<head> 
	<title>jQuery Mobile Framework - Dialog Example</title> 
	<link rel="stylesheet"  href="../../css/all" /> 
	<script type="text/javascript" src="../../js/all"></script>
</head> 
<body> 

<div data-role="page">
	<div data-role="header"  data-theme="e">
		<h1>Dialog Example</h1>
		
	</div>
	
	<div data-role="content" data-theme="d">
		<h1>Are you sure you want to delete everything?</h1>
		<p>This is a regular page, styled as a dialog! To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
		<a href="#" data-role="button" data-theme="a">Sounds good</a>       
		<a href="#" data-role="button">Cancel</a>    
	</div>
</div>


</body>
</html>
new pages & links docs pages 2010-10-11 21:35:29 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>jQuery Mobile Framework - Dialog Example</title>`
removed media attrs in markup. We can do this internally in the css if necessary, but in general, this css only applies to js-generated classes anyway. 2010-10-12 19:14:07 +00:00			`<link rel="stylesheet" href="../../css/all" />`
fixed paths to js and css files when these files are opened standalone 2010-10-11 23:44:14 +00:00			`<script type="text/javascript" src="../../js/all"></script>`
new pages & links docs pages 2010-10-11 21:35:29 +00:00			`</head>`
			`<body>`

			`<div data-role="page">`
yellow header 2010-10-12 22:47:41 +00:00			`<div data-role="header" data-theme="e">`
new pages & links docs pages 2010-10-11 21:35:29 +00:00			`<h1>Dialog Example</h1>`

			`</div>`

switched up padding and margins on content div. Now it will get 15px padding, unless its a fullscreen page. Inset listviews have no margin now, and regular listviews have -15px margins. Also, collapsibles now have no padding. Updated HTML to remove ui-body classes for content divs, to match these changes. Fixes #161 2010-10-12 19:50:28 +00:00			`<div data-role="content" data-theme="d">`
new pages & links docs pages 2010-10-11 21:35:29 +00:00			`<h1>Are you sure you want to delete everything?</h1>`
			`<p>This is a regular page, styled as a dialog! To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>`
			`<a href="#" data-role="button" data-theme="a">Sounds good</a>`
			`<a href="#" data-role="button">Cancel</a>`
			`</div>`
			`</div>`


			`</body>`
			`</html>`