Open main menu

XUL (/ˈzl/ ZOOL), which stands for XML User Interface Language, is a user interface markup language developed by Mozilla. XUL is implemented as an XML dialect, enabling graphical user interfaces to be written in a similar manner to web pages.

XUL
Paradigm Declarative (markup language)
Developer Mozilla Foundation
Implementation language C++
Platform Gecko
OS Cross-platform
License MPL
Filename extensions .xul
MIME type: application/vnd.mozilla.xul+xml
Website https://developer.mozilla.org/en-US/XUL
Major implementations
Mozilla
Influenced by
HTML, XML

XUL can be used to write cross-platform applications. The most prominent example is the Firefox web browser with its Gecko engine that renders both web pages and the XUL browser interface.[1]

In the past, Firefox permitted add-ons to extensively alter its user interface via custom XUL code, but this capability was removed in Firefox 57 and replaced with the less-permissive WebExtensions API.[2][3] (Three forks of Firefox still support the legacy capability: Pale Moon,[4] Basilisk,[5] Waterfox.[6])

Contents

DesignEdit

XUL relies on multiple existing Web standards and Web technologies, including CSS, JavaScript, and DOM. Such reliance makes XUL relatively easy to learn for people with a background in Web programming and design.

XUL has no formal specification and does not inter-operate with non-Gecko implementations. However, it uses an open-source implementation of Gecko which Mozilla tri-licensed under the GNU GPL, GNU LGPL, and MPL[7] until Gecko changed[citation needed] to GPL-compatible, MPL 2.0.

Mozilla provides experimental XULRunner builds to let developers build their applications on top of the Mozilla application framework and of XUL in particular.

XUL provides a portable definition for common widgets, allowing them to move easily to any platform on which Mozilla applications run.[8]

XUL documentsEdit

Programmers typically define a XUL interface as three discrete sets of components:

  1. content: the XUL document(s), whose elements define the layout of the user interface
  2. skin: the CSS and image files, which define the appearance of an application
  3. locale: the files containing user-visible strings for easy software localization

XUL elementsEdit

XUL defines a wide range of elements, which roughly belong to the following types:

Top-level elements
window, page, dialog, wizard, etc.
Widgets
label, button, text box, list box, combo box, radio button, check box, tree, menu, toolbar, group box, tab box, color-picker, spacer, splitter, etc.
Box model
box, grid, stack, deck, etc.
Events and scripts
script, command, key, broadcaster, observer, etc.
Data source
template, rule, etc.
Others
overlay (analogous to SSI, but client-side and more powerful, with higher performance), iframe, browser, editor, etc.

One can use elements from other applications of XML within XUL documents, such as XHTML, SVG, and MathML.

Mozilla added some common widgets — <scale/> (sometimes called "slider"), <textbox type="number"/> (spinbox), time and date pickers — during the Gecko 1.9 development cycle.[9]

XUL applicationsEdit

While XUL serves primarily for constructing Mozilla applications and their extensions, it may also feature in Web applications transferred over HTTP. The Mozilla Amazon Browser, a former XUL application of this type, provided a rich interface for searching books at Amazon.com.[10]

However, many of the powerful features of Mozilla (such as privileged XPCOM objects) remain unavailable to unprivileged XUL documents unless the script has a digital signature, and unless the user obtains grants of certain[which?] privileges to the application. Such documents also suffer from various limitations of the browser, including the inability to load remote XUL, DTD, and RDF documents.

As Gecko provides the only full implementation of XUL, such applications remain inaccessible to users of browsers not based on Mozilla. Mozilla-programmers sometimes refer to XUL applications running locally as chrome[11]. Not to be confused with the Google Chrome browser.

Other applications using XUL include:

  • The Ample SDK open-source GUI framework provides a cross-browser implementation of XUL in JavaScript.
  • The ActiveState Komodo IDE uses XUL as well as the Open Komodo project announced in 2007.
  • The Nightingale and Songbird music-players and Miro video-player all use built-in XUL.
  • The Elixon WCMS/XUL Content management system uses exclusively remote XUL, thus overcoming some of the aforementioned limits of remote unprivileged XUL documents.
  • The developers of the Celtx media pre-production application used XUL.
  • The Flickr Uploader was built using XUL, and source code is available under GPLv2.[12]
  • Kiwix, the offline Wikipedia-viewer
  • BlueGriffon is a WYSIWYG HTML-Editor based on Gecko, XUL and Javascript

With the release of Firefox 4, support for remote XUL was disabled by default, due to security concerns. Loading an XUL page via HTTP would now display an error unless the domain was added to a hidden whitelist.[13]

Ghostbusters referenceEdit

The villain of the 1984 film Ghostbusters was a deity called Zuul who possesses the character Dana Barrett and declares, "There is no Dana. There is only Zuul".[14] The creators of XUL, which is pronounced the same as Zuul, made the slogan "There is no data. There is only XUL!", part of which became the XML namespace.[15]

ExampleEdit

This example shows three buttons stacked on top of each other in a vertical box container:[16]

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<window id="vbox example" title="Example 3...."
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <vbox>
    <button id="yes1" label="Yes"/>
    <button id="no1" label="No"/>
    <button id="maybe1" label="Maybe"/>
  </vbox>
</window>

Similar languagesEdit

Based on HTML, DHTML, and JavaScript, Microsoft's HTML Application resembles XUL as it provides a stand-alone capability to run applications on Windows, outside a Web browser.

The Microsoft Windows Presentation Foundation (WPF) defines XAML, another declarative UI language similar to XUL — it runs on top of the .NET Framework stack.

JavaFX defines FXML as its own declarative UI language like XUL.

See alsoEdit

ReferencesEdit

  1. ^ "Gecko FAQ". Mozilla Developer Center. Mozilla Foundation. 2008-03-15. Retrieved 2009-03-26. 
  2. ^ Firefox 57 release notes
  3. ^ Kev Needham (2015-08-21). "The Future of Developing Firefox Add-ons". blog.mozilla.org. Retrieved 2018-04-02. 
  4. ^ "Pale Moon future roadmap". Pale Moon. Retrieved 2018-04-02. 
  5. ^ "Pale Moon team releases first version of Basilisk browser". ghacks.net. 2017-11-17. Retrieved 2018-04-02. 
  6. ^ "Waterfox, Its Legacy and Looking to the Future". Waterfox blog. 2018-04-28. Retrieved 2018-06-20. 
  7. ^ Mozilla Foundation. "Mozilla Code Licensing". Retrieved 2007-09-17. 
  8. ^ "The Joy of XUL". Mozilla Foundation. 2007-09-09. Retrieved 2009-03-26. 
  9. ^ Firefox 3 for developers
  10. ^ "Remote Application Development with Mozilla, Part 2: A Case Study of the Mozilla Amazon Browser (MAB)". Oreillynet. 2003-02-05. 
  11. ^ Feldt, Kenneth C. (2007). Programming Firefox: Building Rich Internet Applications with XUL. O'Reilly Media. pp. 76–77. ISBN 0-596-10243-7. Retrieved 2008-03-04. 
  12. ^ Getting your stuff onto Flickr
  13. ^ "Firefox 4 for developers". 
  14. ^ Ghostbusters clip
  15. ^ Mozilla XML Namespace
  16. ^ The Box Model - XUL | MDN. Developer.mozilla.org (2012-12-16). Retrieved on 2014-03-28.

External linksEdit