This is a migrated thread and some comments may be shown as answers.

Color picker color selector doesn't work in IE11

5 Answers 180 Views
ColorPicker
This is a migrated thread and some comments may be shown as answers.
Ethan
Top achievements
Rank 1
Ethan asked on 19 Jun 2014, 06:03 PM
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.

5 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 20 Jun 2014, 08:20 AM
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!
 
0
Ethan
Top achievements
Rank 1
answered on 23 Jun 2014, 03:03 PM
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?
0
Kiril Nikolov
Telerik team
answered on 24 Jun 2014, 07:30 AM
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!
 
0
Ethan
Top achievements
Rank 1
answered on 24 Jun 2014, 04:32 PM
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!
0
Ethan
Top achievements
Rank 1
answered on 24 Jun 2014, 04:34 PM
Nevermind
Tags
ColorPicker
Asked by
Ethan
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Ethan
Top achievements
Rank 1
Share this question
or