When the colorpicker is located at the bottom of a page, it always cuts off the tabs at the bottom.
Se attached image from your demo!
Set "With a picker button" in the demo!
3 Answers, 1 is accepted
Indeed, it appears that the height of the popup element of RadColorPicker is not calculated correctly for its Lightweight rendering. As a result, the tabs of the palettes are not fully visible when KeepInScreenBounds is set to true.
I have logged the bug, although I cannot provide a firm estimation when an official fix will be available. You can use the linked bug item to track the status of the issue, vote for it and comment it: http://feedback.telerik.com/Project/108/Feedback/Details/181750. It also includes a workaround you can try until the issue is fixed.
I have updated your Telerik points as a small token of gratitude for reporting the issue at hand.
Well this works in most cases, but we still have an issue when we reset the keepInScreenBounds with client script.
We do this since we have a div that is scrolling outside the ColorPicker and we need to re-position the ColorPicker when scrolling (when the popup is visible)!
This code will hide the tabs completely since this only measures the height without the tabs!
When the popup is displayed from the color-button it does the following to take care of keepInScreenBounds:
Should't this code also be called in the set_keepInScreenBounds function?
The purpose of the set_keepInScreenBounds client-side method is to be called when you need to change the value of the KeepInScreenBounds property on the client. Nevertheless, you are correct that since the method is designed to update the position of the popup when the value of the property is updated, it should move the whole RadColorPicker in the visible area.
I have logged a new bug item for this issue: http://feedback.telerik.com/Project/108/Feedback/Details/182087
As for your scenario, there are two methods of the client-side API of RadColorPicker that you can use to update the position of the popup: showPalette and hidePalette. You can prepare a method, similar to the following one and call it each time you need to update the position of the popup palette:
I have updated your Telerik points again for reporting the second issue.