First of all thanks for this. It looks fine in IE and Chrome but in Firefox theres some issue with the images looking distorted. Pity I can't send a screenshot but it should be easy enough to reproduce if you pull it up in FF.
The switch doesn't use any images, so it is just CSS3 - so if the browser has full support for CSS3 it should work. Even in IE9 it works, however it doesn't have the smooth slide effect, but Umbraco 7 is supported for IE10+ so I thought that might be good enough.
In Firefox I can't reproduce that issues, I have tested with FireFox v. 35.0.1 and I am using Windows 8.1
FireFox 35.0.1
Chrome 42.0.2311.90
In latest version of Firefox v. 37.0.2 it also look fine - however I see it is a it jagged compared to Chrome, but I think it is a bug in Firefox how it draw the border-radius. I am not sure if there is much to do about that..
It looks the same to me as the screenshot for FireFox 35.0.1
So I don't see it like in your screenshot.. which OS do you have and do you have any add-ons installed (I'm not sure if they could conflict with something)?
I'm using Umbraco version 7.2.2 assembly: 1.0.5529.18522
The only other packages I have is ArcheTypes, Belle Icon pack and Contour/Courier.
By using Firebug I can get the major issues to go away by disabling the background, but of course everything appears one colour. It might give some clue though. I'm just not great with CSS.
Doesn't look right in Firefox
First of all thanks for this. It looks fine in IE and Chrome but in Firefox theres some issue with the images looking distorted. Pity I can't send a screenshot but it should be easy enough to reproduce if you pull it up in FF.
Hi George
The switch doesn't use any images, so it is just CSS3 - so if the browser has full support for CSS3 it should work. Even in IE9 it works, however it doesn't have the smooth slide effect, but Umbraco 7 is supported for IE10+ so I thought that might be good enough.
In Firefox I can't reproduce that issues, I have tested with FireFox v. 35.0.1 and I am using Windows 8.1
FireFox 35.0.1
Chrome 42.0.2311.90
In latest version of Firefox v. 37.0.2 it also look fine - however I see it is a it jagged compared to Chrome, but I think it is a bug in Firefox how it draw the border-radius. I am not sure if there is much to do about that..
/Bjarne
Hi Bjarne,
Thanks for looking into it. Is this what you see in the later version of FF.
It looks the same to me as the screenshot for FireFox 35.0.1
So I don't see it like in your screenshot.. which OS do you have and do you have any add-ons installed (I'm not sure if they could conflict with something)?
/Bjarne
I'm using windows 7, no add-ons.
Hi George
Hmm, pretty strange..
I have just tested with Umbraco 7.2.2 on Windows 7 in Firefox 37.0.2 and Chrome 42.0.2311.135
This is how it looks to me.
Firefox 37.0.2
Chrome 42.0.2311.135
Which version of Umbraco 7 do you use and have you any other packages installed?
/Bjarne
Bummer, i'd really live to get this working:
I'm using Umbraco version 7.2.2 assembly: 1.0.5529.18522
The only other packages I have is ArcheTypes, Belle Icon pack and Contour/Courier.
By using Firebug I can get the major issues to go away by disabling the background, but of course everything appears one colour. It might give some clue though. I'm just not great with CSS.
Could you try to install a clean Umbraco 7.2.2 on your environment without any other packages?
Is the issue then still present?
or if you highlight one of the parent element, does it then indicate styling from other css files?
switcher.css is the stylesheet for this package, so it should be okay.
/Bjarne
is working on a reply...