Use XHTML

You build your application just with XHTML. Each screen on the phone is a single XHTML document. But you need to be aware of limitations - we do not support full XHTML specification.

Supported elements

  • Title - Screen title is specified via standard <title> tag in the <head> section.
  • Forms (<form>, <input> (type=text, type=submit, type=hidden, type=file), <button>, <textarea>, <select>, <option>, <label>, <fieldset>)
  • Tables (<table>, <tr>, <td>, <th>)
  • Text formatting (<strong>, <em>, <i>, <b>)
  • Basic elements (<img> (in PNG format), <a>, <title>, <p>, <br>, <div>, <span>, <embed>)
  • Special locify namespace elements

Unsupported elements

  • Input types radiobutton and checkbox - you can use <select> instead of radiobuttons and <select multiple> instead of checkboxes
  • Ordered lists (<ol>) - for service menu use lists
  • Headings
  • CSS, JavaScript (<style>, <script>)
  • Frames

Example

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:locify="http://client.locify.com/locify_ns/1.0" xml:lang="en" lang="en">
  <head>
    <title>My cool screen</title>
  </head>
  <body>
    <a href="http://www.locify.com">Locify homepage</a><br />
    <form action="http://www.mycoolservice.com/submit" method="post">
      <fieldset>
        <label>Your name: <input type="text" name="name" value="David" /></label>
        <label>Pick your fruit:
        <select name="fruit">
          <option value="1">Apple</option>
          <option value="2" selected="selected">Black berry</option>
        </select></label>
        <input type="hidden" name="ultimatenumber" value="42" />
        <input type="submit" value="Send!" />
      </fieldset>
    </form>
    <i>Locify core team:</i><br />
    <img src="http://locify.destil.cz/coreteam.png" alt="Core team" />
  </body>
</html>

How it looks like

XHTML example