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

Looks really bad when zooming

5 Answers 66 Views

ColorPicker

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

5 Answers, 1 is accepted

answered on 15 Mar 2016, 02:27 PM

Hi Andreas,

This issue is caused due to the getComputedStyle() method that is utilized by the RadColorPicker in Lightweight render mode. The method returns different values in Chrome/FireFox when the page is zoomed. This can be easily tested on a page that contains no Telerik UI controls. For example:

<script>

function getCompStyle() {

alert($telerik.$("#div1")[0].ownerDocument.defaultView.getComputedStyle($telerik.$("#div1")[0])["borderTopWidth"]);

}

</script>

<input type="button" value="getComputedStyle" onclick="getCompStyle(); return false;" />

<div id="div1" style="width: 100px; height: 100px; border: 1px solid green;box-sizing:border-box;">

</div>

What I can suggest is that instead of zooming the page you set a larger font-size of the RadColorPicker. More information is available in the Elastic Design help article.

Regards,
Danail Vasilev
Telerik

Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.