ansaurus

Question

"text-overflow: ellipsis;" in XUL applications

Answer 1

A:

You said it´s not having ANY effect?

With

display:block; text-overflow:clip; overflow:hidden; white-space:nowrap;

it should at least cut off the text without the "...".

Is the reference to your xml file correct and your css and xml files are at the same path?

Also, try using this code:

<?xml version="1.0"?>
<bindings
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<binding id="none">
  <content><children/></content>
</binding>
<binding id="ellipsis">
  <content>
    <xul:label crop="end"><children/></xul:label>
  </content>
  <implementation>
    <field name="label"> document.getAnonymousNodes( this )[ 0 ] </field>
    <field name="style"> this.label.style </field>
    <property name="display">
       <getter>
         this.style.display
       </getter>
       <setter>
         if( this.style.display != val ) this.style.display= val
       </setter>
    </property>
    <property name="value">
      <getter>
         this.label.value
      </getter>
      <setter>
        if( this.label.value != val ) this.label.value= val
      </setter>
    </property>
    <method name="update">
      <body>
         var strings= this.textContent.split( /\s+/g )
         if( !strings[ 0 ] ) strings.shift()
         if( !strings[ strings.length - 1 ] ) strings.pop()
         this.value= strings.join( ' ' )
         this.display= strings.length ? '' : 'none'
      </body>
    </method>
    <constructor> this.update() </constructor>
  </implementation>
  <handlers>
    <handler event="DOMSubtreeModified"> this.update() </handler>
  </handlers>
</binding>
</bindings>

koko 2010-10-04 07:40:28

Adding the `-moz-binding` doesn't have any effect I have noticed. The other css attributes do their job just as expected.

rafl 2010-10-04 07:51:13

Using other XUL code in that xml file doesn't change the situation either. As pointed out in the question, nothing is even attempting to open that file.

rafl 2010-10-04 07:52:02

Answer 2

+1 A:

For some (maybe security) reason you need to use a chrome:// url in your CSS file. I tested it with conkeror 0.9.2 and xulrunner 1.9.1.

-moz-binding: url("chrome://conkeror/content/ellipsis.xml#ellipsis");

Where your ellipsis.xml is in /conkeror/install/path/modules/ (on debian /usr/share/conkeror/modules). You can check the chrome.manifest file to find the right location for your XML file, probably the style folder.

wose 2010-10-06 11:46:48

ansaurus

tags:

views:

answers:

"text-overflow: ellipsis;" in XUL applications

related questions