Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

What are the UserChrome classes/ids for the panel widget?

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

I am customizing my Firefox and it looks great, but I can't figure out how to customize the panel widget, like the one used in the downloads panel. I want to edit the widget browser-wide so that it can be compatible with addons that use that. I can't find an addon for this or the classes/ids that would work in the UserChrome.css file. I tried the DOM Inspector, but I couldn't figure out how to make that work.

I'm using Aurora 27.0a2 on Windows XP.

I am customizing my Firefox and it looks great, but I can't figure out how to customize the panel widget, like the one used in the downloads panel. I want to edit the widget browser-wide so that it can be compatible with addons that use that. I can't find an addon for this or the classes/ids that would work in the UserChrome.css file. I tried the DOM Inspector, but I couldn't figure out how to make that work. I'm using Aurora 27.0a2 on Windows XP.

All Replies (2)

more options

HI iansan5653

I am not sure if you are trying to make a widget/extension? for the browser or just customize the appearance of the user. I believe you have to create an appearance and then allow the user to download the appearance to change the styles. I think you may want this webkit -moz-appearance[https://developer.mozilla.org/en-US/d.../-moz-appearance]

I did some research on this and the MozillaZine is a great reference for all of the Preferences to add stuff to the panels.

Some more information

I have also seen extensions made by adding style to these items in the about:config. You could live update the items and see if the css makes changes live in the browser and see how the file renders. [http://kb.mozillazine.org/About:config_entries#UI.]

But for better help on this I would recommend asking the mdn [https://developer.mozilla.org/en-US/d.../Mozilla_Extensions]

If you can define your set up, the Mozilla Developer Network may be the place for you. Hope this helps.

more options

See also:

  • chrome://browser/content/downloads/
  • view-source:chrome://browser/content/downloads/downloadsOverlay.xul
  • chrome://browser/content/downloads/downloads.css
  • chrome://browser/skin/downloads/downloads.css