Won't Fix
Last Updated: 14 Oct 2015 06:25 by ADMIN
Danail Vasilev
Created on: 17 Jun 2014 06:53
Category: FormDecorator
Type: Bug Report
FIX decorated checkboxes and radio buttons by RadFormDecorator are not outlined when focused
For the time being you can manually add/remove the outline style for the focus state of the checkboxes/radio buttons:
		.rfdRealInput:focus {
			outline: 1px dotted !important;

		.outlineClass {
			outline: 1px dotted !important;
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		function pageLoad() {
			$('input[type=checkbox],input[type=radio]').each(function () {
				this.addEventListener('focus', function () { addOutlineClass(this) });
				this.addEventListener('blur', function () { removeOutlineClass(this) });
		function addOutlineClass(checkbox) {

		function removeOutlineClass(checkbox) {
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
		<asp:TextBox ID="Textbox1" runat="server" />
		<asp:RadioButtonList ID="Radiobuttonlist1" runat="server">
			<asp:ListItem Text="text1" />
			<asp:ListItem Text="text2" />
		<asp:CheckBoxList ID="Checkboxlist1" runat="server">
			<asp:ListItem Text="text1" />
			<asp:ListItem Text="text2" />
1 comment
Stamo Gochev
Posted on: 14 Oct 2015 06:25
The outline of check boxes and radio buttons does not match the styles of some of our skins. In order to provide a better appearance, we decided to remove it by default.