From 71bd3a114ad1090182722223a223569e68346a9d Mon Sep 17 00:00:00 2001 From: Todd Parker Date: Tue, 12 Oct 2010 17:23:48 -0400 Subject: [PATCH] fixed code example formatting --- docs/pages/docs-dialogs.html | 11 ++++++----- docs/pages/docs-links.html | 8 ++++---- docs/pages/docs-pages.html | 4 ++-- 3 files changed, 12 insertions(+), 11 deletions(-) diff --git a/docs/pages/docs-dialogs.html b/docs/pages/docs-dialogs.html index 2baa33bf..d157c919 100755 --- a/docs/pages/docs-dialogs.html +++ b/docs/pages/docs-dialogs.html @@ -2,7 +2,7 @@ jQuery Mobile Docs - Pages - + @@ -13,20 +13,21 @@

Dialogs

-
+

Any page can be presented as a dialog by adding the data-rel="dialog" attribute to the page you're linking to. The framework will add styles to make the page look like a modal dialog by adding rounded corners and margins around the page along with a dark background behind the "dialog".

The dialog will still open with the standard slide transition so to make it feel more dialog-like, we recommend adding a transition of pop, slideup or flip on the link too.

-

+
 <a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a>
-
+ +
Open dialog: pop Open dialog: slideup Open dialog: flip - +
diff --git a/docs/pages/docs-links.html b/docs/pages/docs-links.html index 369ef77d..6d34265e 100755 --- a/docs/pages/docs-links.html +++ b/docs/pages/docs-links.html @@ -34,7 +34,7 @@

Here is an example of a 2 "page" site built with two jQuery Mobile divs navigated by linking to an ID placed on each page wrapper. Note that the IDs on the page wrappers are only needed to support the internal page linking and are optional if each page is a separate HTML document.

-
<div data-role="page" id="foo"> 
+<div data-role="page" id="foo"> 
 	<div data-role="content">
 		I'm the "foo" page. Since I'm the first page 
 		in the source order, I will be displayed onLoad. 
@@ -49,7 +49,7 @@
 		page is clicked. 
 	</div><!-- /content -->
 </div><!-- /bar page --> 
-
+
@@ -65,9 +65,9 @@

To set a custom transition effect, add the data-transition attribute to the link. Possible values include:

-

+
 <a href="index.html" data-transition="pop">I'll pop</a>
-
+ slide slideup slidedown diff --git a/docs/pages/docs-pages.html b/docs/pages/docs-pages.html index 5c9b2395..22c96621 100755 --- a/docs/pages/docs-pages.html +++ b/docs/pages/docs-pages.html @@ -2,7 +2,7 @@ jQuery Mobile Docs - Pages - + @@ -13,7 +13,7 @@

Anatomy of a Page

-
+

Following HTML markup conventions is essential to this approach because markup is the primary mechanism used to configure the mobile experience in jQuery Mobile. Validate your code and always avoid the use of inline styles or inline JavaScript event handlers to ensure the best results.