Approved
Last Updated: 17 Jan 2019 10:10 by ADMIN

When a RadColorPicker that only has the HSB or HSV palette is made visible or added during an AJAX request, it throws the following error:

Sys.ArgumentOutOfRangeException: Height should be an integer bigger than 1

This is caused by the lack of dimensions while the component is initializing on the client side and, for example, RGBSliders, manages to initialize correctly. The control must either have default dimensions for all modes, or to perform check for undefined dimensions provided by the browser, or both.

A workaround is to add the RGBSliders mode as the first mode so the control can initialize, and use a small JS handler that will switch to the HSB/HSV mode and hide the RGB mode.

Here follows an example that includes the workaround:

<asp:UpdatePanel ID="mainUpdatePanel" runat="server">
    <ContentTemplate>
  
        <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"></telerik:RadButton>
  
        <asp:Panel runat="server" ID="wrappingPanel">
  
            <%--WORKAROUND PART 1 - add the RGBSLiders tab first--%>
            <telerik:RadColorPicker ID="RadColorPickerStart" runat="server" PaletteModes="RGBSliders, HSB"></telerik:RadColorPicker>
  
            <%--WORKAROUND PART 2
            The script is wrapped in a RadScriptBlock so it gets
            registered and executed after the partial postback. By default, it will not be parsed--%>
            <telerik:RadScriptBlock runat="server" ID="rsb1">
                <script>
                    Sys.Application.add_load(function () {
                        //a panel is used here to make looking for the color pickers added in it easier
                        //you can replace getting the reference to the color picker with any preferred method
                        $telerik.$("[id$='wrappingPanel']").find(".RadColorPicker").each(function (index, elem) {
                            if (elem && elem.control) {
                                var picker = elem.control;
                                setTimeout(function () {
                                    //trigger the internal logic of the control that will switch the tabs
                                    //in this case - the HSB tab is "clicked"
                                    picker._tabClicked({ target: $telerik.$(picker._tabStrip).find("a[title='HSB']")[0] });
                                    //hide the RGB tab
                                    $telerik.$(picker._tabStrip).find("a[title='RGB']").hide();
                                }, 0);//the timeout is needed so the control can initialize before we manipulate it
                            }
                        })
                    });
                </script>
            </telerik:RadScriptBlock>
        </asp:Panel>
  
    </ContentTemplate>
</asp:UpdatePanel>
Protected Sub RadButton1_Click(sender As Object, e As EventArgs) Handles RadButton1.Click
    wrappingPanel.Visible = True
End Sub

Approved
Last Updated: 26 Mar 2019 14:57 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: ColorPicker
Type: Bug Report
0
RadColorPicker remains clickable when its set_enabled(false) method is called.

Steps to reproduce:
1. Run this code:

        <telerik:RadColorPicker ID="RadColorPicker1" runat="server" ShowIcon="true" ShowEmptyColor="false" RenderMode="Lightweight" />
        <br /><br /><br />
        <select id="mySelect" onchange="EnableDisableColorPicker()">
            <option value="1">1</option>
            <option value="2" selected="selected">2</option>

        </select>
        <script>
            function EnableDisableColorPicker() {
                var x = document.getElementById("mySelect").value;
                var colorPicker = $find("<%= RadColorPicker1.ClientID %>");
                if (x == 1) {
                    colorPicker.set_enabled(false);

                } else {
                    colorPicker.set_enabled(true);

                }
            }
        </script>

2. Select option 1.

Result: RadColorPicker gets disabled, but remains clickable
Approved
Last Updated: 11 Apr 2016 08:40 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: ColorPicker
Type: Bug Report
0

			
Approved
Last Updated: 28 Mar 2019 08:50 by ADMIN
Created by: Andreas
Comments: 0
Category: ColorPicker
Type: Bug Report
1
The color picker doesn't looks good when zooming in the browser.

Try zooming to 120% and run your demo:

http://demos.telerik.com/aspnet-ajax/colorpicker/examples/overview/defaultcs.aspx

You need to reload the page after zooming!

The Web colors wraps, and the HSB/HSV tabs also wraps a lot!

Also see this thread:
http://www.telerik.com/forums/looks-really-bad-when-zooming
Approved
Last Updated: 05 Feb 2016 16:43 by ADMIN
When the set_keepInScreenBounds method is called and you pass a true parameter, the popup of RadColorPicker is only partially visible (the tabs are hidden). 
Approved
Last Updated: 02 Feb 2016 17:29 by ADMIN
When a Lightweight RadColorPicker has ShowIcon="true" and KeepInScreenBounds="true" configured, its tabs will be partially visible on the page.

The following workaround can be used for the time being:

        <script>
            Telerik.Web.UI.ColorPicker.LightweightRenderer.prototype.getPaletteHeight = function ($palette) {
                var paletteHeight = $palette.height() +
                    $palette.find(".rcpTabs").height();
                return paletteHeight;
            }
        </script>
Approved
Last Updated: 16 Oct 2015 07:19 by ADMIN
Possible workarounds:

-set display: inline-block to the control wrapper -.RadColorPicker {display: inline-block;}

- use Classic RenderMode

- improve the z-index and backgrounds of the anchor:

		div.RadColorPicker.lwr div.rcpIcon a,
		div.RadColorPicker.lwr div.rcpIcon a:hover
		{
			z-index: 11;
			background-color: transparent;
			background-image: none;
		}

where the lwr class is to be added from the server code to avoid breaking the Classic render mode:

	protected void Page_Load(object sender, EventArgs e)
	{
		if (RadColorPicker1.RenderMode == Telerik.Web.UI.RenderMode.Lightweight)
		{
			RadColorPicker1.CssClass = "lwr";
		}
	}
Won't Fix
Last Updated: 20 Jun 2017 14:50 by ADMIN
Put a color picker in each row of a RadGrid control with AllowRowsDragDrop=true. After choosing a color from the color picker, move the mouse. The result is that the grid row is dragged along with the mouse move.
Completed
Last Updated: 15 Jul 2016 13:20 by ADMIN
Currently when the ShowIcon property of RadColorPicker is set to true and the controls does not have a selected color, a white color is displayed in the icon button. The expected behavior in this case would be to indicate that no color is selected, perhaps by displaying an image, similar to the one in the No Color button.
Completed
Last Updated: 17 Mar 2015 08:05 by zAxis
Created by: zAxis
Comments: 0
Category: ColorPicker
Type: Bug Report
1
Setting RenderMode=Native doesn't work correctly in IE11.
Approved
Last Updated: 25 Mar 2015 22:51 by AppsWiz
Created by: Random
Comments: 2
Category: ColorPicker
Type: Feature Request
4
Currently it is not possible to set an alpha value for a color in the RadColorPicker. It could be useful to add such a feature in the control.
Declined
Last Updated: 12 Jul 2016 14:08 by ADMIN
This will allow the developer to disable postbacks, set the color with JavaScript on the client alone (or let the end user set it in preview mode), while postbacks are generally enabled (i.e. the server ColorChanged event will be fired only when the Apply button from the RGB palette is clicked or after the developer restores the AutoPostBack to true).
Approved
Last Updated: 04 Sep 2013 08:13 by Yousef Salimpour
Created by: Yousef Salimpour
Comments: 0
Category: ColorPicker
Type: Bug Report
0
ColorPicker Causes unwanted scrollbar in page if It is used in a RTL page.
It's because of setting palleteWrapper.style.left to -9999px in hidePalette function in RadColorPicker.js.
It can be fixed if you set palleteWrapper.style.left to something like 0 or 50%. It will be out of page due to -9999px as top value anyway.