From 6eb8e7dfaaefcf28821b6372d2a7893c597ac218 Mon Sep 17 00:00:00 2001 From: Maurice Gottlieb Date: Fri, 21 Oct 2011 00:14:21 +0300 Subject: [PATCH] docs: some corrections at Pages & Dialogs / Anatomy of a Page --- docs/pages/page-anatomy.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/pages/page-anatomy.html b/docs/pages/page-anatomy.html index 9f0b59c9..b7772c97 100644 --- a/docs/pages/page-anatomy.html +++ b/docs/pages/page-anatomy.html @@ -50,11 +50,11 @@

Viewport meta tag

-

Note above that there is a meta viewport tag in the head to specify how the browser should display the page zoom level and dimensions. If this isn't set, many mobile browsers will use a "virtual" page width around 900 pixels to make it work well with exisitng desktop sites but the screens may look zoomed out and too wide. By setting the viewport attributes to content="width=device-width, initial-scale=1, the width will be set to the pixel width of the device screen.

+

Note above that there is a meta viewport tag in the head to specify how the browser should display the page zoom level and dimensions. If this isn't set, many mobile browsers will use a "virtual" page width around 900 pixels to make it work well with exisitng desktop sites but the screens may look zoomed out and too wide. By setting the viewport attributes to content="width=device-width, initial-scale=1", the width will be set to the pixel width of the device screen. 

<meta name="viewport" content="width=device-width, initial-scale=1">
-

These settings do not disable the user's ability to zoom the pages which is nice from an accessibility perspective. There is a minor issue in iOS that doesn't properly set the width when changing orientations with these viewport settings, but this will hopefully be fixed a a future release. You can set other viewport values to disable zooming if required since this is part of your page content, not the library.

+

These settings do not disable the user's ability to zoom the pages, which is nice from an accessibility perspective. There is a minor issue in iOS that doesn't properly set the width when changing orientations with these viewport settings, but this will hopefully be fixed a a future release. You can set other viewport values to disable zooming if required since this is part of your page content, not the library.

Inside the body: Pages

Inside the <body> tag, each view or "page" on the mobile device is identified with an element (usually a div) with the data-role="page" attribute:

@@ -80,7 +80,7 @@

Putting it together: Basic single page template

-

Putting it all together, this is the standard boilerplate page template you should start with on a project. :

+

Putting it all together, this is the standard boilerplate page template you should start with on a project: 


 <!DOCTYPE html> 
@@ -153,7 +153,7 @@
 	</div><!-- /header -->
 
 	<div data-role="content">	
-		<p>I'm first in the source order so I'm shown as the page.</p>		
+		<p>I'm the second in the source order so I'm hidden when the page load. I'm just shown, if a link that reference my ID is beeing clicked.</p>		
 		<p><a href="#foo">Back to foo</a></p>	
 	</div><!-- /content -->