iwebkit Plugin

Last updated by sebi2706 2 years ago

iWebKit

Author : Sébastien Blanc

This plugin provides integration with iWebkit, a powerful User Interface Library for Safari development on iPhone. By using this plugin, the grail developer will have an iphone web app skeleton (CSS and javascript) but also a extended tag library helping in creating iphone web pages in an easy,clean and fast way.

screencast

Installation

grails install-plugin iwebkit

If you are using grails 1.1-RC1, you must copy the layout provided by the plugin in the layout folder of your application (This problem has been reported and the fix is ready for the next grails release)

Usage


After the plugin has been installed, the only thing to do is to indicate to your view that it has to use the iphone layout : 

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="iphone" />
    <title>Note List</title>
  </head>
  <body>

TagLib

topbar

This will render the topbar of your webpage, a topbar can contain a title and navigation items.

attributes :

  • title

leftnavigation

attributes :

  • navtype : "arrow" or "button"

rightnavigation

attributes :

  • navtype : "arrow" or "button"

navelement

leftnavigation and rightnavigation contains navelement

atttributes :

  • action : maps to the controller action
  • content : label of the navigation element
  • image : link to image path

content

section

textbox

attributes : *header : header label of this textbox

list

This will render an "Iphoned" html list. The simplelist tag supports the following attributes:

  • action : maps to the controller action
  • descriptionField : String attribute that will be used as label
  • imagefield (optional) : path to associated image
  • list: bean reference of the list
  • customid : useful for not persisted objects