We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

ابحث في الدعم

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

This thread was archived. Please ask a new question if you need help.

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

  • 2 (ردّان اثنان)
  • 1 has this problem
  • 1 view
  • آخر ردّ كتبه cor-el

iansan5653
iansan5653
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)

guigs
guigs
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.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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