O'Reilly logo

Rhomobile Beginner's Guide by Abhishek Nalwaya

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Standard smart phone CSS/HTML architecture

If you use the default generated code, every page in a Rhodes application is divided into three sections:

  1. Title: Header of the view.
  2. Toolbar: For navigation and different actions for application.
  3. Content: Body of the view.

Advanced users can use their own arbitrary HTML. Now, we will discuss these three sections in detail:

pageTitle (<div id="pageTitle">)

The pageTitle div contains the title of the current page, wrapped in an h1 tag. The page title will be displayed in the appropriate location for each device.

The code for the title looks like:

<div class="pageTitle">
<h1>EmployeeApplication</h1>
</div>

Now, we will see how it looks on different phones:

  • This is how it looks on the iPhone:
  • This is how it looks ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required