Design of Mobile Content

  Options

Design of Mobile Content

An overview of Mobile file structure.

DocBook Mobile page structure is fully based on html5, javascripts and CSS. The data content pages can be divided in to three main sections

  • Header: Header is a separate Div with data-role='header' in jquerymobile which include navigation button(prev, next etc.) and page title.

  • Content: This includes the content of the documentation. The processing of this part is done by DocBook XSL Chunking customization. Further css-styling applied from positioning.css. Event handling and page navigation enable via jquery mobile.

  • Footer : This include navigation to prev, next , up and home locations.

Futher it seperate into static html files like Menubar, Settings and ToC. Index.html will add if it want to redirect into www/content/index.html.

  • ToC : Table of content to navigate into chapters and sections.

  • Menu Bar : Search feature, change font-size,font-family etc...

  • Settings : Basic settings for Mobile app