Creating a custom widget

In this section we will illustrate creating a widget with a Hello World example.

The layout of a widget is as follows:

       webapp/
              META-INF/
              skins/
                skin1/
                  css/
                    skin1.css
                  gfx/
                    widget-name/
                      a.png
                      b.swf
                skin2/
                  css/
                    skin2.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
       

In our example we will create two views. One called default, which will simply be a div containing the text "hello world", and another called custom, where you can have a custom text. We will have the following structure in the example:

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