Note that there are some explanatory texts on larger screens.

plurals
  1. POxul - no or wrong toolbarbutton image
    primarykey
    data
    text
    <p>I spent a whole day on something so trivial as this one, still can't make this work. A huge weird image appears instead of my icon. If I take out the toolbarbutton-1 class no image will appear at all. Here are all the stuff that matters: (This is going to be an awfully long post...)</p> <p>My XUL contains only a toolbarbutton on the toolbarpalette:</p> <pre><code>&lt;?xml version="1.0"?&gt; &lt;?xml-stylesheet href="chrome://ytweaks/skin/style.css" type="text/ css"?&gt; &lt;overlay id="yTweaks" xmlns="http://www.mozilla.org/keymaster/ gatekeeper/there.is.only.xul"&gt; &lt;script src="main.js" /&gt; &lt;toolbarpalette id="BrowserToolbarPalette"&gt; &lt;toolbarbutton id="ytweaks-main-button" class="toolbarbutton-1 chromeclass-toolbar-additional" type="menu" label="yTweaks" tooltiptext="yTweaks" state="enabled"&gt; &lt;/toolbarbutton&gt; &lt;/toolbarpalette&gt; &lt;/overlay&gt; </code></pre> <p>And the CSS is the same as the one in the MDN tutorial:</p> <pre><code>#ytweaks-main-button { list-style-image: url("chrome://ytweaks/skin/icon.large.png"); } toolbar[iconsize="small"] #ytweaks-main-button { list-style-image: url("chrome://ytweaks/skin/icon.small.png"); } </code></pre> <p>The manifest file looks like this:</p> <pre><code>content ytweaks chrome/content/ overlay chrome://browser/content/browser.xul chrome://ytweaks/content/ui.xul skin ytweaks classic/1.0 skin/classic/ytweaks/ style chrome://global/content/customizeToolbar.xul chrome://ytweaks/skin/style.css </code></pre> <p>And the folder structure:</p> <pre><code>chrome |-- content | |-- ui.xul | |-- main.js |-- skin |-- classic |-- ytweaks |-- icon.large.png |-- icon.small.png |-- style.css </code></pre> <p>And finally, the result looks like this: <img src="https://i.stack.imgur.com/EMhSn.png" alt="enter image description here"></p> <p>Totally not the same icon I made. This is my icon that should appear (the large one): <img src="https://i.stack.imgur.com/YphsZ.png" alt="enter image description here"></p> <hr> <p>Also, how can I debug these stuff? For example, how can I browse the chrome registry. If I type a chrome URI in firefox nothing happens. Except for the browser's main XUL file which loads another full browser.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload