Creating a JSP Custom Widget

This section describes how to make a pure JSP "Hello World widget.

The layout of a widget is as follows:

webapp/
      META-INF/
      static/
        theme/
          theme1/
            css/
              theme1.css
            gfx/
              widget-name/
                a.png
                b.swf
          theme2/
            css/
              theme2.css
            gfx/
              widget-name/
                a.png
                b.swf
      template/
        widgets/
          widget-name/
            controller/
              helpers/
                helper1.jsp
                helper2.jsp
              controller.jsp
              a.jsp
              b.jsp
            view/
              helpers/
                helper1.jsp
                helper2.jsp
              a.jsp
              b.jsp

The Hello World widget has two views: one called default, which is a div containing the text "hello world", and another called custom, which can contain a custom text. This requires the following structure:

helloworld/
        controller/
            controller.jsp
            default.jsp
            custom.jsp
        view/
            default.jsp
            custom.jsp