Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderStylesolid
titleTable of contents
Table of Contents
minLevel2

Targeting Mobile Devices

Unfortunately, there is no real mobile-language. Its It's usually done using various levels of HTML depending on device and some special CSS (depending also dependent on the device, too).

If you want to have a standard - website which is also usable with mobile devices then your key to success is clean HTML + individual CSS files for the target environment.

Some links to get started:
http://www.w3.org/TR/css-mobile/
http://www.htmldog.com/ptg/archives/000055.php
http://events.ccc.de/congress/2005/fahrplan/events/933.de.html
http://www.westciv.com/style_master/academy/css_tutorial/advanced/mobile_profile.html

Using Markup Inheritance

These pages should give you a way to understand how to achieve best coverage for various devices.

Using Markup Inheritance

You can use markup inheritance to create a main-page and then extend it in the flavors of the possibilities of the mobile devices... but also think: you are better
off aiming for pocketIE or pocketOpera (...) as for special and device dependent markups.

...

In addition to allowing you to use markup inheritance, Wicket supports different styles,
localizations and variations for one given Java page/panel.

MyPage.java can have many different HTML files:

  • MyPage.html
  • MyPage_en.html
  • MyPage_de.html
  • MyPage_wap.html
  • MyPage_purple.html
  • MyPage_wap_en.html
  • etc.

The order of style, variation and language could be different.

The only thing you need to do in this case is to keep the component
hierarchy in sync between the different markup files.