Changes

Jump to: navigation, search

XUL

664 bytes added, 12:21, 6 October 2006
no edit summary
=Discussion=
XUL is an [http://en.wikipedia.org/wiki/Xml XML] based language and thus has the a similiar set of advantages . One of the biggest being that it that its completly cross-platform . It accomplishes this by defining the locations and type of each widget but not defining what it will look like. Because of this the user-interface will use the systems native componets to build the GUI and thus looks like a native application. XUL also allows for the insertion of other XML languages into it such as [http://en.wikipedia.org/wiki/Xhtml XHTML], [http://en.wikipedia.org/wiki/MathML MathML] and [http://en.wikipedia.org/wiki/Svg SVG]. Also because of its structure all the GUI componets and tezt is localized structure which makes it can be easily translated easy translate into other languages.
Currently, an application named [[XULRunner]] is being developed that will to offer a runtime environment for XUL applications.
==Common Usages==
* Textboxes and inputsChrome* Toolbars and buttons* Navigation menus* Tabbed windowing systems* Keyboard Mnemonics and input handlingFirefox Extension's GUI
==Supported Technologies==
* GIF, JPG, PNG, BMP, ICO images
* HTTP 1.1
 
==Technical Details (Technologies XUL relies on)==
===eXtensible Bindings Language ([[XBL]])===
* Allows for additional, custom tags
* Can provide new event handlers and methods for existing elements
 
===Overlays===
* Used to customize applications
* Gets around NPL & MPL licensing
 
===[[XPCOM]]===
* A means of calling upon the underyling C/C++ libraries for heavylifting
 
===XPInstall===
* Provides an install tool for distributing XUL applications
=Sample Code=
<button id="dpsbutton" label="DPS909 is fun" />
</window>
Paste the above sample code inside your favourite editor and save it with a file extension of .XUL. Open the file in a Mozilla-based browser to view it.
Paste the above sample code inside your favourite editor and save it with a file extension of .XUL. Open the file in a Mozilla-based browser to view it. * '''Line 1:''' Declares that it is an XML file* '''Line 2:''' Used to reference the stylesheets. In this case, the global/skin chrome directories' default global.css file is used. global.css is used to declare all of the XUL elements.* '''Line 3:''' Describes a new window to be drawn, using the namespace http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul. All children of this window are XUL.* '''Line 5:''' Description tag is like a label, but can wrap many lines.* '''Lines 6-9:''' Describes a radio button group.* '''Line 10:''' Draws a button.
=Example Applications=
1
edit

Navigation menu