Tutorial

Mark Birbeck's picture

Introduction to XForms

A key idea of our approach to building internet applications is making good use of standards-based languages, in particular XForms.

XForms is an exciting new language from the W3C that can be used to create anything from simple forms to complex Web 2.0 applications. XForms are dynamic, cross-platform, accessible, script-free...and 100% standard.

This handbook covers everything you need to know to get started with XForms. You'll start with a simple walkthrough to get your development environment up and running, then create two fully functioning applications--one that saves links to del.icio.us, and another that searches Flickr. Both use CSS-driven Ajax animations.

Once you've seen what XForms can do, building web applications will never be the same!

Mark Birbeck's picture

HOWTO: A toolbar for searching the Prototype API documentation

A common use for browser toolbars is to make it easy to search for some information and get the results directly in the main browser window. All the main search engines have such toolbars, usually created using C++ and distributed via standard installers. But using the formsPlayer soft-bar library, we can create handy browser extensions for Internet Explorer using barely a few lines of XForms. To illustrate, we'll create a toolbar that uses the recently published API documentation for the popular Prototype Javascript Framework.

Mark Birbeck's picture

HOWTO: Creating a Flickr topbar

In this example we'll show how to create a topbar that can be used to search Flickr for images that have a specific tag.

HOWTO: Processing XForms data on a server

This tutorial is for people who are familiar with the basics of XForms, have knowledge of some server-side processing langauge, and want to combine the two. In this section we'll look at how to do this with PHP, ASP, Java Servlets and ColdFusion.

Navigating recordsets

View tutorial.

This tutorial will be moved from www.formsplayer.com.

Mark Birbeck's picture

HOWTO: Running Adobe's Flexstore demo as a desktop application

Open a command prompt, and change to the Sidewinder directory. If you have installed Sidewinder in the default locations, then you can type this:

cd "\program files\sidewinder\viewer 2.0"

Now execute the following command:

swviewer2 http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.html#meta(width=1010,height=610)

flex-store-command-prompt

Sidewinder will open as a basic Windows application with the Adobe Flash Flexstore demonstration running inside:

Sidewinder running Flexstore (Home)

Mark Birbeck's picture

HOWTO: A desktop web application to search Flickr

In this example we'll show how to convert a simple XHTML form into a desktop web application. In fact there is so little to it that it barely warrants a page...all you need to do is rename any HTML or XHTML document so that the file extension is .webapp--or deliver an application from a server with the MIME type application/webapp+xml--and Sidewinder will be triggered to open and run your document as a desktop web application.

HOWTO: Embed XHTML documents in your .NET applications

The component responsible for XHTML renderering in the Sidewinder Viewer provides a set of COM interfaces enabling it to be embedded inside other applications. This tutorial demonstrates how to achieve this in a simple C# project, although the same techniques may be applied to other languages and projects too.

HOWTO: Display streaming video using xf:output

Currently, the XBL bindings that we have made available allow for streaming video to be implemented in output via two players: Real Player and Windows Media Player.

To use them, simply put the URL of the stream in to the value attribute (this can be the result of an XPath expression if you like) and add an appropriate mediatype attribute ('audio/x-pn-realaudio-plugin' for Real Player and 'application/x-mplayer2' for Windows Media Player).

For example:

  <xf:output value="'mystream.ram'" mediatype="audio/x-pn-realaudio-plugin" />
Mark Birbeck's picture

The evaluation context

XForms uses XPath expressions in many places, and it is important as an author to understand how these expressions are evaluated. Perhaps the most important concept is that of the evaluation context.