|Home Beta programs|
|Welcome to Mobipocket Developer Center|
You can quite easily implement a hierarchical table of contents type of navigation
using HTML and hyperlinks. Each level has to be generated with hyperlinks pointing
to the upper level and to each child level.
How to generate it : From an XML description of the TOC, an XSL file can be written to automatically generate the hyperlinked TOC in HTML.
Inside an article, it is recommended to display in a top frame the sequence
of all parent levels separated by a > sign to indicate the absolute position
of an article in the content (similar to what one can find on the Yahoo Web
site for displaying the categories for example).
If the article is too long, it is recommended to break it into multiple sub
sections, separated by a horizontal rule and a <mpb:pagebreak/>.
If a list of hyperlinks is used, each section title must contain a link to this main article page to access other sub sections.
Tabs can be implemented using HTML standard tags to simulate the Windows tab
control. A selected tab item can have a bolder font or be in a different tab
color to indicate that it is selected. Other tab items simply have clickable
hyperlinks and point to the corresponding page.
These tabs can be placed in a top slave frame if they have to remain visible when the user turns to the next/previous page.
You can use both font color and background colors (inside a div tag for example) to have a nicer rendering of titles or headlines.
<div bgcolor="gray"><span color="white">My
<div bgcolor="#CCCCCC"><span color="#FFFFFF">My Heading</span></div>
Use a <div> tag with e.g. a light red background color and a border="1" attribute to highlight a paragraph.
<div border="1">Boxed text</div>
You can also use a small visual indication (image icon) at the beginning of the paragraph.
It is recommended to use tooltips to give access to non important information and better utilize the small PDA screen.
Two options are available : either place the note content in a separate HTML section and add a hyperlink to the note in the main HTML content, so that the user can easily access the more detailed information, or if the information to be displayed is very simple and short (with no HTML formatting), use a tooptip window.
There are several ways to implement tooltips in HTML.
Footnotes and captions can be implemented using tooltips (see tooltip section). A small icon or image, or hyperlink text can be used to indicate that the user can click to display the footnote or caption in a tooltip.
In case the footnote contains too much text or needs specific formating (like hyperlinks for example), the tooltip window is not suitable. Use a standard hyperlink pointing to a footnote section in the HTML content, with a Back hyperlink to return to the main content flow.
It is recommended to displayed at each step the current status as step index.
Can be implemented using the <font> tag specifying a different font size for the first letter.<font size="5">O</font>nce upon a time
The Reader includes support of alignment for lines of verse in poetry : <p align="poetry">To be or not to be..</p>
If the text of the verse runs on more than one line, the subsequent lines are displayed with right alignment.
© Copyright 2000-2007 Mobipocket.com