Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 08 Jun 2021 12:33 by ADMIN
Release R2 2021 SP1
ADMIN
Vessy
Created on: 16 Sep 2015 10:33
Category: Editor
Type: Bug Report
0
Style issue with color picker inside RadEditor in MetroTouch when RenderMode is set to LightWeight
ColorPicker inside a RadEditor don't fit inside DropDownBody, the last color jumps down a row. This happens when RadEditor Skin is set MetroTouch and RenderMode to Lightweight.
Video: http://screencast.com/t/4GOnnf0UcsfU
1 comment
ADMIN
Peter Milchev
Posted on: 08 Jun 2021 11:47

The width of the dropdown is set in "em" so its width depends on the font-size of the page. 

In need of an overwrite, you can use the style below to overwrite it:

div.RadEditor_MetroTouch.reDropDownBody.reColorPicker {
    width: 19.5em !important;
}

If the web page styles change the box-sizing of all elements, the following style could be used as a workaround in earlier releases:

 <style>
        .RadEditor_MetroTouch.reDropDownBody.reColorPicker li, 
        .RadEditor_MetroTouch.reDropDownBody.reColorPicker li div,
        .RadEditor_MetroTouch.reDropDownBody.reColorPicker{
            box-sizing: content-box;
        }
</style>

Regards,
Peter Milchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category