Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Bjarne Fyrstenborg 1282 posts 3994 karma points MVP 8x c-trib
    Jul 26, 2012 @ 21:31
    Bjarne Fyrstenborg
    1

    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

  • Amigo 243 posts 568 karma points
    Feb 28, 2014 @ 03:43
    Amigo
    0

    I wonder why this problem is still not fixed in the package, just installed and had same problem...

  • Stefan Kip 1614 posts 4131 karma points c-trib
    Feb 28, 2014 @ 17:25
    Stefan Kip
    0

    I'm unable to reproduce this. What browser are you using?

  • Bjarne Fyrstenborg 1282 posts 3994 karma points MVP 8x c-trib
    Feb 28, 2014 @ 18:35
    Bjarne Fyrstenborg
    0

    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

  • Amigo 243 posts 568 karma points
    Feb 28, 2014 @ 18:37
    Amigo
    0

    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;
    }

  • Stefan Kip 1614 posts 4131 karma points c-trib
    Feb 28, 2014 @ 18:44
    Stefan Kip
    0

    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

  • Bjarne Fyrstenborg 1282 posts 3994 karma points MVP 8x c-trib
    Feb 28, 2014 @ 18:48
    Bjarne Fyrstenborg
    0

    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.

  • Bjarne Fyrstenborg 1282 posts 3994 karma points MVP 8x c-trib
    Feb 28, 2014 @ 18:51
    Bjarne Fyrstenborg
    0

    Could the OS have an impact?

    I am using Windows 8.1 ..

  • Amigo 243 posts 568 karma points
    Feb 28, 2014 @ 19:13
    Amigo
    0

    me too 8.1...

  • Amigo 243 posts 568 karma points
    Feb 28, 2014 @ 19:32
    Amigo
    0

    By the way guys, is there a way to get the rgb values in razor instead of the default hex value?

  • Bjarne Fyrstenborg 1282 posts 3994 karma points MVP 8x c-trib
    Feb 28, 2014 @ 22:35
  • Bjarne Fyrstenborg 1282 posts 3994 karma points MVP 8x c-trib
    Feb 28, 2014 @ 22:52
    Bjarne Fyrstenborg
    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

     

     

     

     

Please Sign in or register to post replies

Write your reply to:

Draft