ISAS

Student: Đặng Quang Trình

R053004900102
B060021
What is XUL
 Xml User Interface Language
 XUL was created to make
development of the Mozilla browser
easier and faster. It is an XML
language so all features available to
XML are also available to XUL.
What kinds of user-interfaces
can be made with XUL?
 Input controls such as textboxes and
checkboxes
 Toolbars with buttons or other content
 Menus on a menu bar or pop up menus
 Tabbed dialogs
 Trees for hierarchical or tabular
information
 Keyboard shortcuts
What kinds of user-interfaces
can be made with XUL?
1. Creating a Window
2. Adding Buttons
3. Adding Labels and Images
4. Input Controls
5. List Controls
6. Progress Meters
7. Adding HTML Elements
8. Using Spacers
9. More Button Features
TOOLBOX
 A container for toolbar. It is a type of box
but defaults to vertical orientation. If a
toolbar is placed inside a toolbox - a
grippy is displayed on its left or upper
edge. The user may click the grippy to
collapse the toolbar . If multiple toolbars
are placed in the same toolbox - they will
all collapse into the same row. The Firefox
browser does not have grippies so
toolbars cannot be collapsed and
expanded.
OVERVIEW
1. Example
2. Attributes Inherited from XUL element
3. Properties
4. Methods
THANKS
EXAMPLE
Attributes Inherited from XUL
element
 align - allowevents - allownegativeassertions - class -
coalesceduplicatearcs - collapsed - container - containment
- context - contextmenu - datasources - dir - empty -
equalsize - flags - flex - height - hidden - id - insertafter -
insertbefore - left - maxheight - maxwidth - menu -
minheight - minwidth - mousethrough - observes - ordinal -
orient - pack - persist - popup - position -
preference-editable - ref - removeelement - sortDirection -
sortResource - sortResource2 - statustext - style - template
- tooltip - tooltiptext - top - uri - wait-cursor - width
Properties
 Accessible
Returns the accessibility object for the element.
 CustomToolbarCount
Firefox only
Type: integer
The number of custom toolbars currently within the toolbox.
 Palette
Firefox only
Type: element
The toolbarpalette within the toolbox.
 Toolbarset
Firefox only
Type: element
Methods
 appendCustomToolbar( name, currentset )
Firefox only
Return type: element
Adds a custom toolbar to the toolbox with the given name. You can
supply a comma-separated list of toolbar item ids as the second
argument to add some items by default. The method returns the
DOM element for the created toolbar.
 collapseToolbar( toolbar )
Not in Firefox
Return type: no return value
Collapse the given toolbar which should be contained within the
toolbox.
 expandToolbar( toolbar )
Not in Firefox
Return type: no return value
Expand the given toolbar which should be contained in the toolbox.