- Home
- Coding concepts
- Special screens
- Available features
- More
- Translation
- Testing
- Deployment
- Differences in Locify 0.8.5
- Sample services
- Example videos
List
There have been some changes in format for older versions of Locify.
See documentation for Locify 0.8.1 and older.
If you plan support for versions older than 0.8.5, you need to detect client version and serve correct screen.
Lists can be used for menu's of your service. You can easily create submenus placing another lists to item's urls.
You can use <ul> element in standard screens as well,
but it won't be formatted this way. In order to achieve this look, you need to use this exact format.
Format
<?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>Title-of-list</title> </head> <body class="list"> <ul> <li><a href="Url-of-item" class="listItem">Text-of-item</a></li> <li><a href="Url-of-item" class="listItem">Text-of-item</a></li> ... </ul> </body> </html>
Parameters
- Title-of-list - This text appears as the page title
- Url-of-item - This url is called when user selects item. You can use Internal URLs there.
- Text-of-item - This text describes list item
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 menu</title> </head> <body class="list"> <ul> <li><a href="http://www.mycoolservice.com/friends" class="listItem">View nearby friends</a></li> <li><a href="http://www.mycoolservice.com/save" class="listItem">Save my location</a></li> <li><a href="http://www.mycoolservice.com/feedback" class="listItem">Send feedback</a></li> <li><a href="locify://help" class="listItem">Show help</a></li> </ul> </body> </html>
How it looks like

