We have a lot of elements on the project I am working on that use ellipsis styles, which, of course, work fine with pure CSS in all major browsers but FireFox. We implemented the -moz-binding fix for that which references the xml file with the binding information for cropping an element defined with XUL/XBL as defined here and it worked...
main.xul
<?xml version="1.0"?>
<?xml-stylesheet href="main.css" type="text/css"?>
<window id="main" class="MainClass" title="MY TEST" width="640" height="480" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<listbox id="mainList" flex="1" class="MainListbox">
<listitem label="Twitter"/>
<li...
This example is from this Mozilla's page.
main.xul
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="main.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<box id="num" class="labeledbutton" title="Number of Things:"...
I have a Xul with the following binder:
<binding id="appicon_bind">
<content>
<xul:button xbl:inherits="image=img" />
</content>
<handlers>
<handler event="focus">
this.height='200px';
this.image.height='200px';
</handler>
<handlers>
</binding>
Currently, it resizer just the button, but not it'...
Is there a way to include a javascript file to a XBL instead of copy all the script to it?
...
When I extends this button in my XBL:
<binding id="myFancyButton" extends="chrome://global/content/bindings/button.xml#button">
how do I make it a focusable button?
...