mozilla

Revision 325699 of XUL

  • Revision slug: XUL
  • Revision title: XUL
  • Revision id: 325699
  • Created:
  • Creator: ethertank
  • Is current revision? No
  • Comment

Revision Content

XUL Tutorial
A guided tutorial that will help you get started with XUL, originally from XULPlanet.

XUL (XML User Interface Language) is Mozilla's XML-based language for building user interfaces. In particular, it is used by Firefox. Web developers already familiar with HTML will learn XUL quickly and can start building applications right away. Open XUL Periodic Table in Firefox or another Gecko-based browser to see some XUL demos.

Note: This "XUL Periodic Table" cannot be shown in recent versions of Gecko because it uses remote XUL, a technology whose support was dropped because of potential security issues.

Documentation

XUL Reference
XUL elements, attributes, properties, methods, and event handlers.
XUL Controls
A quick list of all of the available XUL controls.
XUL School
A comprehensive tutorial on Mozilla add-on development.
The Joy of XUL
Describes the key features and components of XUL.
Menus and Popups Guide
A guide on using menus and popup panels.
Template Guide
A detailed guide on XUL templates, which is a means of generating content from a datasource.
Drag and Drop
How to perform drag and drop operations.
Overlays
Overlays are used to describe extra content for the UI. They provide a powerful mechanism for extending and customizing existing XUL applications.
Adapting XUL Applications for Firefox 3.0
A list of changes in Firefox 3.0, affecting XUL developers.
Adapting XUL Applications for Firefox 2.0
A list of changes in Firefox 2.0, affecting XUL developers.
Adapting XUL Applications for Firefox 1.5
A list of changes in Firefox 1.5, affecting XUL developers.

View All...

Community

Tools

View All...

<ll>
  • JavaScript, XBL, CSS, RDF, Extensions, XULRunner
  • </ll>

     

    Revision Source

    <div class="callout-box">
      <strong><a href="/en-US/docs/XUL_Tutorial" title="en-US/docs/XUL_Tutorial">XUL Tutorial</a></strong><br />
      A guided tutorial that will help you get started with XUL, originally from XULPlanet.</div>
    <div>
      <p><strong>XUL</strong> (XML User Interface Language) is Mozilla's <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>-based language for building user interfaces. In particular, it is used by Firefox. Web developers already familiar with <a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a> will learn XUL quickly and can start building applications right away. Open <a class="external" href="http://www.hevanet.com/acorbin/xul/top.xul">XUL Periodic Table</a> in Firefox or another <a href="/en-US/docs/Gecko" title="en-US/docs/Gecko">Gecko</a>-based browser to see some XUL demos.</p>
      <div class="warning">
        <strong>Note:</strong> This "XUL Periodic Table" cannot be shown in recent versions of Gecko because it uses remote XUL, a technology whose support was dropped because of potential security issues.</div>
    </div>
    <table class="topicpage-table">
      <tbody>
        <tr>
          <td>
            <h2 class="Documentation" id="Documentation">Documentation</h2>
            <dl>
              <dt>
                <a href="/en-US/docs/XUL_Reference" title="en-US/docs/XUL_Reference">XUL Reference</a></dt>
              <dd>
                XUL elements, attributes, properties, methods, and event handlers.</dd>
              <dt>
                <a href="/en-US/docs/XUL_controls" title="en-US/docs/XUL_controls">XUL Controls</a></dt>
              <dd>
                A quick list of all of the available XUL controls.</dd>
              <dt>
                <a href="/en-US/docs/XUL_School" title="en-US/docs/XUL School">XUL School</a></dt>
              <dd>
                A comprehensive tutorial on Mozilla add-on development.</dd>
              <dt>
                <a href="/en-US/docs/The_Joy_of_XUL" title="en-US/docs/The_Joy_of_XUL">The Joy of XUL</a></dt>
              <dd>
                Describes the key features and components of XUL.</dd>
              <dt>
                <a href="/en-US/docs/XUL/PopupGuide" title="en-US/docs/XUL/PopupGuide">Menus and Popups Guide</a></dt>
              <dd>
                A guide on using menus and popup panels.</dd>
              <dt>
                <a href="/en-US/docs/XUL/Template_Guide" title="en-US/docs/XUL/Template_Guide">Template Guide</a></dt>
              <dd>
                A detailed guide on XUL templates, which is a means of generating content from a datasource.</dd>
              <dt>
                <a href="/en-US/docs/DragDrop/Drag_and_Drop" title="Drag and Drop">Drag and Drop</a></dt>
              <dd>
                How to perform drag and drop operations.</dd>
              <dt>
                <a href="/en-US/docs/XUL_Overlays" title="en-US/docs/XUL_Overlays">Overlays</a></dt>
              <dd>
                Overlays are used to describe extra content for the UI. They provide a powerful mechanism for extending and customizing existing XUL applications.</dd>
              <dt>
                <a href="/en-US/docs/XUL_improvements_in_Firefox_3" title="en-US/docs/XUL_improvements_in_Firefox_3">Adapting XUL Applications for Firefox 3.0</a></dt>
              <dd>
                A list of changes in <a href="/en-US/docs/Firefox_3_for_developers" title="en-US/docs/Firefox_3_for_developers">Firefox 3.0</a>, affecting XUL developers.</dd>
              <dt>
                <a href="/en-US/docs/Firefox_2_for_developers#For_XUL_and_extension_developers" title="en-US/docs/Firefox_2_for_developers#For_XUL_and_extension_developers">Adapting XUL Applications for Firefox 2.0</a></dt>
              <dd>
                A list of changes in <a href="/en-US/docs/Firefox_2_for_developers" title="en-US/docs/Firefox_2_for_developers">Firefox 2.0</a>, affecting XUL developers.</dd>
              <dt>
                <a href="/en-US/docs/Adapting_XUL_Applications_for_Firefox_1.5" title="en-US/docs/Adapting_XUL_Applications_for_Firefox_1.5">Adapting XUL Applications for Firefox 1.5</a></dt>
              <dd>
                A list of changes in <a href="/en-US/docs/Firefox_1.5_for_developers" title="en-US/docs/Firefox_1.5_for_developers">Firefox 1.5</a>, affecting XUL developers.</dd>
            </dl>
            <p><span class="alllinks"><a href="/en-US/docs/tag/XUL" title="tag/XUL">View All...</a></span></p>
          </td>
          <td>
            <h2 class="Community" id="Community">Community</h2>
            <ul>
              <li>View Mozilla forums...{{ DiscussionList("dev-tech-xul", "mozilla.dev.tech.xul") }}</li>
              <li><a class="link-irc" href="irc://irc.mozilla.org/xul">#xul on irc.mozilla.org</a></li>
            </ul>
            <h2 class="Tools" id="Tools">Tools</h2>
            <ul>
              <li><a class="external" href="/en-US/docs/XUL_Explorer" title="en-US/docs/XUL_Explorer">XUL Explorer</a> (a lightweight XUL IDE)</li>
              <li><a class="external" href="http://ted.mielczarek.org/code/mozilla/extensiondev/">Extension developer's extension</a> (featuring a Live XUL Editor)</li>
              <li><a class="external" href="http://forum.addonsmirror.net/index.php?showtopic=751" title="http://forum.addonsmirror.net/index.php?showtopic=751">XULRef sidebar</a></li>
              <li><a class="external" href="http://www.getfirebug.com/">Firebug</a></li>
              <li><a href="/en-US/docs/DOM_Inspector" title="en-US/docs/DOM_Inspector">DOM Inspector</a></li>
              <li><a class="external" href="http://www.spket.com/">Spket IDE</a>, IDE for XUL/XBL</li>
              <li><a class="external" href="http://www.amplesdk.com" title="http://www.amplesdk.com/">Ample SDK</a>, (Cross-browser XUL renderer in JavaScript/HTML)</li>
            </ul>
            <p><span class="alllinks"><a href="/en-US/docs/tag/tools" title="tag/tools">View All...</a></span></p>
            <h2 class="Related_Topics" id="Related_Topics">Related Topics</h2>
            <ll>
            <li><a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a>, <a href="/en-US/docs/XBL" title="en-US/docs/XBL">XBL</a>, <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/RDF" title="en-US/docs/RDF">RDF</a>, <a href="/en-US/docs/Extensions" title="en-US/docs/Extensions">Extensions</a>, <a href="/en-US/docs/XULRunner" title="en-US/docs/XULRunner">XULRunner</a></li>
            </ll></td>
        </tr>
      </tbody>
    </table>
    <p>&nbsp;</p>
    Revert to this revision