Wednesday, May 06, 2009

SeasideXUL = Seaside + XUL
A Brief talk and links about Seaside XUL = a remotely served rich client powered by Firefox XUL and Seaside
  • What is Seaside?

  • Firefox
    • No introduction required

  • What is Gecko?
    • Part of Firefox. Firefox rendering Engine, which renders XUL into a User Interface.

  • What is XUL?
    • XUL (XML User Interface Language) is Mozilla's XML-based language that lets you build feature-rich cross platform applications that can run connected or disconnected from the Internet. These applications are easily customized with alternative text, graphics and layout so they can be readily branded or localized for various markets. See XUL Periodic Table in Firefox or another Gecko-based browser to see some XUL demos.
    • Also see http://en.wikipedia.org/wiki/XUL
    • To Run XUL, Firefox or at least Gecko must be installed locally.
    • XUL allows to write a web application that also run as "local native applications" - but there are some limitations such as opening local resources.
    • XUL Applications use"Firefox native widgets" that is, they look on every platform as Firefox, but can be skinned as any web applicatiuon can.
    • Main Link: https://developer.mozilla.org/en/XUL
    • XUL Tutorial: https://developer.mozilla.org/en/XUL_Tutorial
    • my XUL links on http://delicious.com/mzimmerm/xul

  • How does XUL code Look? (abbreviated)
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>

<window title="XUL Nested Trees"
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<description><html:h1>XUL Nested Trees</html:h1></description>
<hbox flex="1">
<groupbox flex="2">
<tree id="tree1" flex="1" >
<treecols>
<treecol id="sex1" flex="1" label="Name" primary="true" />
<treecol id="color1" flex="1" label="Color" />
<treecol id="attr1" flex="1" label="Attribute" />
</treecols>
<treechildren>
<treeitem container="true" open="true">
<treerow>
<treecell label="Female" />
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell label="Pearl" />
<treecell label="Gray" />
<treecell label="Frumpy" />
</treerow>
</treeitem>
....
</treechildren>
....
</tree>
</groupbox>

.......
</hbox>
</window>
  • How
    does the result of above XUL code look?





No comments: