tutorial.txt in rhodes-3.1.0.beta.3

- old
+ new
@@ -62,47 +62,41 @@
 
 You can edit the generated ERB files to customize the HTML as you see fit.  Typically you will provide links to the model index page from the home screen.  Below is the generated top level index.erb file for the Store Manager app (app/index.erb).
 
 
     :::ruby
-    <div id="pageTitle">
-      <h1>Storemanager</h1>
-    </div>
+    <div data-role="page">
 
-    <div id="toolbar">
-      <div id="leftItem" class="blueButton">
-        <%= link_to "Sync", :controller => :Settings, :action => :do_sync %>
+      <div data-role="header" data-position="inline">
+        <h1>Storemanager</h1>
+        <% if SyncEngine::logged_in > 0 %>
+            <a href="<%= url_for :controller => :Settings, :action => :do_sync %>" class="ui-btn-left" data-icon="refresh">Sync</a>
+            <a href="<%= url_for :controller => :Settings, :action => :logout %>" class="ui-btn-right" data-icon="star">Logout</a>
+        <% else %>
+            <a href="<%= url_for :controller => :Settings, :action => :login %>" class="ui-btn-right" data-icon="star">Login</a>
+        <% end %>
       </div>
-      <% if SyncEngine::logged_in > 0 %>
-        <div id="rightItem" class="regularButton">
-          <%= link_to "Logout", :controller => :Settings, :action => :logout %>
-        </div>
-      <% else %>
-        <div id="rightItem" class="regularButton">
-          <%= link_to "Login", :controller => :Settings, :action => :login %>
-        </div>
-      <% end %>
-    </div>
 
-    <div id="content">
-      <ul>
-        <li>
-          <a href="#">
-            <span class="title">Add Links Here...</span>
-            <span class="disclosure_indicator"></span>
-          </a>
-        </li>
-      </ul>
+      <div data-role="content">
+        <ul data-role="listview">
+          <li>
+            <a href="#">Add Links Here...</a>
+          </li>
+        </ul>
+      </div>
+
+      <div data-role="footer" data-position="inline">
+        <p>it is optional part of page..</p>
+      </div>
+
     </div>
 
+
 To provide a link to the Product model's index page and templates you can replace the list item with the title "Add links here" with:
 
     :::ruby
     <li>
-      <a href="Product">
-        <span class="title">Products</span>
-        <span class="disclosure_indicator"></span>
-      </a>
+        <a href="Product">Products</a>
     </li>
 
 <img src="http://img.skitch.com/20100512-grk9ymqwj66jypdckthmm5484n.png"/>
 
 