What are the UserChrome classes/ids for the panel widget?
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.
Krejt Përgjigjet (2)
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
- [Category:Preferences]
- This Menu editor may help [https://addons.mozilla.org/en-US/fire.../?src=search]
- UserChrome.css info [http://kb.mozillazine.org/index.php?title=UserChrome.css&print...]
- Visual Customizations [http://kb.mozillazine.org/Category:Visual_customizations_%28Fi...]
- topics [http://forums.mozillazine.org/viewtopic.php?t=1006795]
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.
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