Color picker color selector doesn't work in IE11

6 posts, 0 answers
  1. Ethan
    Ethan avatar
    5 posts
    Member since:
    Oct 2013

    Posted 19 Jun 2014 Link to this post

    Hello,

    I have recently implemented the Color Picker in my site and I'm having issues in IE 11.  The color picker opens, however, the color picker slider circle that allows me to click on any shade of color doesn't work and always stays in the upper right corner. It will not move.

    I'm also not able to enter in a value and apply it, however the default value can be applied by just clicking the Apply button.

    Here's a snippet of code implementing the Color Picker

    <input id="primaryheadercolor" type="color" value="${geo:object name='DERIVED_COMPONENT.Wizard.GetValue(CntwChooseColorScheme.PRIMARY_HEADERCOLOR)' attribute='value'/}" />
    <script>
    $("#primaryheadercolor").kendoColorPicker({
    buttons: true,
    change: function(e) {
    $('#primary_header_color').val(e.value);
    console.log("The picked color is ", e.value);
    console.log(e);
    }
    });
    </script>

    The following three files are included.
    <link href="/geonext/js/Frameworks/KendoUI/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <script src="/geonext/js/Frameworks/KendoUI/js/jquery.min.js" type="text/javascript"></script>
    <script src="/geonext/js/Frameworks/KendoUI/js/kendo.web.min.js" type="text/javascript"></script>

    Screenshot is attached of what I see in IE11.
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 20 Jun 2014 Link to this post

    Hi Ethan,

    Most probably the problem is caused by the value attribute of the input element. If it passes incorrect information to the widget, then the slider will not move and changes will not be possible. Please note that the value should be a string containing valid RGB color.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Ethan
    Ethan avatar
    5 posts
    Member since:
    Oct 2013

    Posted 23 Jun 2014 in reply to Kiril Nikolov Link to this post

    Still trying to figure this out, but with no luck.

    It works in Chrome, Firefox, and IE8 just fine. What would IE11 be trying to do that would cause the color picker to be unresponsive?
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 24 Jun 2014 Link to this post

    Hello Ethan,

    Would it be possible to extract a small runnable sample that reproduces the issue, so we can take a look at? Without an actual representation of the problem is really hard for us to tell you what exactly happens. Thank you in advance for this.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Ethan
    Ethan avatar
    5 posts
    Member since:
    Oct 2013

    Posted 24 Jun 2014 in reply to Kiril Nikolov Link to this post

    It looks like it comes down to this file being out of date, kendo.all.min.js  Kendo UI Beta v2013.2.716

    Where do I go to download the latest version?  Kendo UI v2014.1.528

    I do have a license.

    Thanks!
  7. Ethan
    Ethan avatar
    5 posts
    Member since:
    Oct 2013

    Posted 24 Jun 2014 in reply to Ethan Link to this post

    Nevermind
Back to Top
Kendo UI is VS 2017 Ready