Xap examples:

Welcome to the XAP samples and demos page. These samples are designed to provide simple and more complex examples of the XAP system and XAL markup.

As with any early stage technology: all syntax and system functionality is subject to change.

Simple examples (all based on Zimbra widgets)

• Hello World! (helloWorld)
• Client side JavaScript event handling (inline-javascript)
• Server side event handling (serverside-handler)
• Client side event handling (clientside-handler)
• Splitter Window (split-pane)
• Tab pane (tab-pane)

• Splitter with buttons, panels and event handling (example1)
• More splitter layout (example2)
• Component events with event handling (componentEvents)
• Controls and layouts example (controlsAndLayoutsExample)
• Custom styling with css (cssStylesExample)
• Layout Examples (layout)
• Using the panel tag (panel)

• Mashup with google maps (google)

• Macro and XModify running against the HTML DOM (html-modify)
• A single XAP application distributed over server HTML components (dojo)

• Wrapping an HTML DOM (dom0)

• Dojo widget example 1 (dojo1)
• Wrapped DatePicker, with most code in DojoWidget superclass. (datePicker)
• Wrapped ColorPalette, with most code in DojoWidget superclass. (colorPicker)
• Page using the ColorPalette and DatePicker XAL's used in the above. (dateAndColorPickers)