Won't Fix
Last Updated: 14 Oct 2015 06:25 by ADMIN
ADMIN
Danail Vasilev
Created on: 17 Jun 2014 06:53
Category: FormDecorator
Type: Bug Report
0
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:
CSS:
	<style>
		.rfdRealInput:focus {
			outline: 1px dotted !important;
		}

		.outlineClass {
			outline: 1px dotted !important;
		}
	</style>
JavaScript:
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<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) {
			$(checkbox.nextSibling).addClass("outlineClass");
		}

		function removeOutlineClass(checkbox) {
			$(checkbox.nextSibling).removeClass("outlineClass");
		}
	</script>
ASPX:
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		</telerik:RadScriptManager>
		<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:RadioButtonList>
		<asp:CheckBoxList ID="Checkboxlist1" runat="server">
			<asp:ListItem Text="text1" />
			<asp:ListItem Text="text2" />
		</asp:CheckBoxList>
1 comment
ADMIN
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.