Great package, but I am experiencing that in Umbraco v. 4.7.0 the color picker popup window is below the other property panes.
I'm not sure how the z-index is set on the property panes, but they have z-indexes like 1000, 999, 998, 996 .. so it seems that the first property get 1000 as z-index, then 999, etc.
So in colorpicker.css .colorpicker need a z-index above at least 997 where my property is placed .. but would probably be better to set the z-indez something above 1000.
Furthermore I think there is a bug with the javascript, when clicking multiple times in row.. it need to be ignored until the transition is finished, so the popup not is flickering... but this is a smaller problem.
I am using Google Chrome.. I have just tested in the latest version of Chrome (v. 33.0.1750.117) and the color popup box is displayed behind Umbraco property panels, because they use z-index'et.. when some elements use z-index you should always use a z-index too if you want to make sure it's displayed on top of these elements.
The property panels in Umbraco gets a z-index start from top with 999, the second 998... etc.
So here I have added z-index:1000 to the css class colorpicker.
It's also an issue in IE11 and latest version of Firefox v. 27.0.1
I am using Umbraco v. 6.1.6
I am not sure how Umbraco is adding the z-index'es on the property panes.. so the z-index added to colorpicker css class should just be greather than the highest z-index on a property panel... In properties tab the highest z-index seems to be 999, but if you have more tabs, the property panes inside these tabs seems to begin with a z-index on 1000 and decrease by 1.
I don't think there is an easy way to get the RGB values, as it only saves the hex value without the hash tag like this:
<boxColor><![CDATA[00877c]]></boxColor>
Maybe it should save a xml of the values instead?
But perhaps you could look into the formula for converting hex to rgb and then get the rgb value from the converted value? maybe this can help http://gristle.tripod.com/hexconv.html
Need a z-index
Hi..
Great package, but I am experiencing that in Umbraco v. 4.7.0 the color picker popup window is below the other property panes.
I'm not sure how the z-index is set on the property panes, but they have z-indexes like 1000, 999, 998, 996 .. so it seems that the first property get 1000 as z-index, then 999, etc.
So in colorpicker.css .colorpicker need a z-index above at least 997 where my property is placed .. but would probably be better to set the z-indez something above 1000.
Furthermore I think there is a bug with the javascript, when clicking multiple times in row.. it need to be ignored until the transition is finished, so the popup not is flickering... but this is a smaller problem.
/Bjarne
I wonder why this problem is still not fixed in the package, just installed and had same problem...
I'm unable to reproduce this. What browser are you using?
I am using Google Chrome.. I have just tested in the latest version of Chrome (v. 33.0.1750.117) and the color popup box is displayed behind Umbraco property panels, because they use z-index'et.. when some elements use z-index you should always use a z-index too if you want to make sure it's displayed on top of these elements.
The property panels in Umbraco gets a z-index start from top with 999, the second 998... etc.
So here I have added z-index:1000 to the css class colorpicker.
/Bjarne
IE10, crome, firefox.... umbraco 6.1.2
I had to set z-index to over 1200 or more to get it to work...
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(/umbraco/images/colorpicker/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
z-index:1200;
}
Weird, I've tested this with Chrome 33 and umbraco v4.7.0 and v6.1.6, but didn't have any problems at all :x
It's also an issue in IE11 and latest version of Firefox v. 27.0.1
I am using Umbraco v. 6.1.6
I am not sure how Umbraco is adding the z-index'es on the property panes.. so the z-index added to colorpicker css class should just be greather than the highest z-index on a property panel... In properties tab the highest z-index seems to be 999, but if you have more tabs, the property panes inside these tabs seems to begin with a z-index on 1000 and decrease by 1.
Could the OS have an impact?
I am using Windows 8.1 ..
me too 8.1...
By the way guys, is there a way to get the rgb values in razor instead of the default hex value?
There are a couple of topics create after this, which also address the issue..
http://our.umbraco.org/projects/backoffice-extensions/true-color-picker/everything/38684-Color-picker-and-z-index
and
http://our.umbraco.org/projects/backoffice-extensions/true-color-picker/everything/36606-Small-bug-fix
I don't think there is an easy way to get the RGB values, as it only saves the hex value without the hash tag like this:
<boxColor><![CDATA[00877c]]></boxColor>
Maybe it should save a xml of the values instead?
But perhaps you could look into the formula for converting hex to rgb and then get the rgb value from the converted value? maybe this can help http://gristle.tripod.com/hexconv.html
is working on a reply...