XML
  Home arrow XML arrow Page 5 - An Introduction to XUL Part 2
Dev Shed Forums 
Administration  
Apache  
BrainDump  
DHTML  
Flash  
Java  
JavaScript  
Multimedia  
MySQL  
Oracle  
Perl  
PHP  
Practices  
Python  
Reviews  
Security  
Style-Sheets  
Web Services  
XML  
Zend  
Zope  
Forums Sitemap 
IBM® developerWorks 
Dedicated Servers 
E-Commerce Hosting 
Linux Web Hosting 
Managed Hosting 
Small Business Hosting 
Download TestComplete 
VPS Hosting 
Weekly Newsletter

 
Developer Updates  
Free Website Content 
IBM Rational Software Development Conference
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
XML

An Introduction to XUL Part 2
By: Dan Wellman
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 3 stars3 stars3 stars3 stars3 stars / 9
    2005-05-30

    Table of Contents:
  • An Introduction to XUL Part 2
  • Organizing Buttons
  • Changing Textbox Attributes
  • Menu Bar and Interface
  • Cleaning Up and Adding a Status Bar
  • Using ToolTips and Progress Bars

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
     
    ADVERTISEMENT

    TestComplete™ automates software testing for a fraction of what the big guys charge. Easy functional and load testing for all Windows, .NET, Java and Web apps. Download a free trial now.

    An Introduction to XUL Part 2 - Cleaning Up and Adding a Status Bar
    (Page 5 of 6 )

    You can tidy things up a little and give the elements some room by using the <spacer> and <separator> elements.  The syntax is similar for each of these things:

    <spacer height="20"/>

    The above line of code will give you a space 20 pixels high in the place that you put it.  Try adding the above line before and after the various buttons near the top of the window to give the buttons a bit of room, but remember to resize the window accordingly.  The <separator> element works in very much the same way but the default size of the gap between the separated items is smaller than that of a spacer.  Note that when this item is used, an actual line is not drawn between the separated items.

    Along the bottom of most applications is an information or status bar that displays pictures or text relevant to the task in hand, in browsers for example, this bar can display icons for when pop-ups are blocked, cookies are rejected or a secure area is accessed.  Creating one of these information bars in XUL is, as you’ve probably guessed, a very easy thing to do.  Each holder for the icon or text is known as a statusbarpanel, and each statusbarpanel must be placed in a statusbar container.  Add the following code at the bottom of your working file:

    <statusbar id="status1">
      <statusbarpanel label="secure"/>
      <statusbarpanel label="privacy"/>
    </statusbar>

    When executed, your application window will now have the status bar at the bottom, with the labels inside each panel.  This is another element set that can be further contained within a toolbox, and doing so will put a line across the bottom of the status bar.  It’s not much I know, but it’s an additional feature.  There are few attributes of the statusbarpanel elements, just crop and the choice of either label or source.  The crop attribute is used to specify how any text in the statusbarpanel is cropped when the element is too small for its label.  The label simply puts text in the element and the source is used to specify a picture that is used instead of text.

    More XML Articles
    More By Dan Wellman


       · I was surprised and begin to work on it. When it came to button part, I have tried...
       · Hi,Sorry to hear you've had problems with this. I know that FireFox is...
       · Worked for me! Here's my code...
     

       

    XML ARTICLES

    - How to Set Up Podcasting and Vodcasting
    - Creating an RSS Reader Application
    - Building an RSS File
    - An Introduction to XUL Part 6
    - An Introduction to XUL Part 5
    - An Introduction to XUL Part 4
    - An Introduction to XUL Part 3
    - An Introduction to XUL Part 2
    - An Introduction to XUL Part 1
    - XML Matters: Practical XML Data Design and M...
    - Practical XML Data Design and Manipulation f...
    - SimpleXML
    - XForms Basics, Part 3
    - XForms Basics, Part 2
    - XForms Basics

     
    Accelerating Trading Partner Performance
     
    Competing on Analytics
     
    Cost Effective Scaling with Virtualization and Coyote Point Systems
     
    Five Checkpoints to Implementing IP Telephony
     
    Hosted Email Security: Staying Ahead of New Threats
     




    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway