Description: This is a replacement for the default form widgets in Firefox. It's not dependent upon KDE, but I styled it with KDE in mind. The CSS is modified from the default one. I created all but the radio and checkbox images, which were created by the Pretty Widgets for OS X (readme included).
Update: There are now two different versions depending on your button preferences. The rest of the widgets are the same. The old one is now called "Full Style". The buttons in Full Style can be completely styled by the website's CSS.
The new version is "Partial Style". The buttons in Partial Style can be styled with exception of the border color. In return you get roundeded and better colored borders.
To install, download download the tar for the version you want. If you haven't changed your form widgets before, make sure to backup the default: sudo cp -r /usr/lib/firefox/res/ /usr/lib/firefox/res_original
Then install: tar -xvzf KDEwidgets.tar.gz sudo mv ./KDEwidgets/* /usr/lib/firefox/res/Last changelog:
I found that in KDE 4 under Kubuntu I had to place the files in the following folder:
/usr/lib/xulrunner-1.9.0.3/res
Give that a try.
On topic:
Nice idea, the checkboxes where bugging me quite a bit with their default style.. unfortunatly you didn't fix those.. I'll have a bit of playing around myself tho :)
I'm using the "full style" buttons, which are very nice, thanks! However, I did notice that on many sites (including Google), when the button is in the pressed state (mouse down on it), the button height seems to increase by 1 pixel - the bottom border moves down by 1 pixel. It still looks much nicer than the default, though!
Hi, I installed this as per your instructions, but it doesn't seem to work for me in webpages. You can see from my screenshot below that it appears to work in the Preferences dialogue in Firefox, but not in the webpages themselves (circled in red). Is there something I haven't done?
http://www.peterjmerrigan.co.uk/screenshot3.png
Hi, I installed this as per your instructions, but it doesn't seem to work for me in webpages. You can see from my screenshot below that it appears to work in the Preferences dialogue in Firefox, but not in the webpages themselves (circled in red). Is there something I haven't done?
http://www.peterjmerrigan.co.uk/screenshot3.png
Which distribution are you using?
You just want to place the files in the Firefox config folder. Try searching for forms.css: "locate forms.css | grep firefox". The folder should be named "res". You must be root to copy the files though.
Thanks, Hedge. Sorry, I should have said, I'm on Kubuntu 7.10. I did search for the res folder. Found it in /usr/lib/firefox/res and /usr/lib/mozilla-firefox/res. Replaced the files in both but still no luck. I'll try and sort it later when I'm back on my linux box.
Hedge, I just wanted to let you know I got this working at last - on Kubuntu I had to place the files in /opt/firefox/res - now everything looks great! Thanks :-)
Your contribution really rocks! Thank you very much for sharing it with us.
I've tried different stylish-styles (stylish is a firefox extension), but never got such nice looking forms.
Ratings & Comments
15 Comments
hello =) i tried to install this addon, but the directories you named do not exist :/ is there a way to get this working on ff3.0.3 ?
I found that in KDE 4 under Kubuntu I had to place the files in the following folder: /usr/lib/xulrunner-1.9.0.3/res Give that a try. On topic: Nice idea, the checkboxes where bugging me quite a bit with their default style.. unfortunatly you didn't fix those.. I'll have a bit of playing around myself tho :)
A little add on to firefox that makes big difference. Original radio buttons are really ugly. Thanks.
I'm using the "full style" buttons, which are very nice, thanks! However, I did notice that on many sites (including Google), when the button is in the pressed state (mouse down on it), the button height seems to increase by 1 pixel - the bottom border moves down by 1 pixel. It still looks much nicer than the default, though!
Hi, I installed this as per your instructions, but it doesn't seem to work for me in webpages. You can see from my screenshot below that it appears to work in the Preferences dialogue in Firefox, but not in the webpages themselves (circled in red). Is there something I haven't done? http://www.peterjmerrigan.co.uk/screenshot3.png
sorry, I didn't mean to double post :(
Hi, I installed this as per your instructions, but it doesn't seem to work for me in webpages. You can see from my screenshot below that it appears to work in the Preferences dialogue in Firefox, but not in the webpages themselves (circled in red). Is there something I haven't done? http://www.peterjmerrigan.co.uk/screenshot3.png
Which distribution are you using? You just want to place the files in the Firefox config folder. Try searching for forms.css: "locate forms.css | grep firefox". The folder should be named "res". You must be root to copy the files though.
Thanks, Hedge. Sorry, I should have said, I'm on Kubuntu 7.10. I did search for the res folder. Found it in /usr/lib/firefox/res and /usr/lib/mozilla-firefox/res. Replaced the files in both but still no luck. I'll try and sort it later when I'm back on my linux box.
Hedge, I just wanted to let you know I got this working at last - on Kubuntu I had to place the files in /opt/firefox/res - now everything looks great! Thanks :-)
It works perfectly with the QtCurve glass style :)
This is really awesome. It really integrates into KDE well.
Your contribution really rocks! Thank you very much for sharing it with us. I've tried different stylish-styles (stylish is a firefox extension), but never got such nice looking forms.
nice,ty :)