Following code displays as per attached screenshot "Radio Button style" and has Radio like behaviour IE Check a button and the other unchecks:
<
telerik:RadButton
ID
=
"RadButtonTile"
runat
=
"server"
ToggleType
=
"Radio"
ButtonType
=
"ToggleButton"
Skin
=
"BlackMetroTouch"
Text
=
"tile view"
GroupName
=
"Radios"
AutoPostBack
=
"false"
Checked
=
"true"
Height
=
"32px"
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"RadButtonList"
runat
=
"server"
ToggleType
=
"Radio"
ButtonType
=
"ToggleButton"
Skin
=
"BlackMetroTouch"
Text
=
"list view"
GroupName
=
"Radios"
AutoPostBack
=
"false"
Height
=
"32px"
>
</
telerik:RadButton
>
The radio behaviour is what I want, but would prefer to use the square like icons that the Checkbox style provides in BlackMetroTouch skin. I can achieve the desired style as per attached screenshot "Checkbox Style" using the following code. However the Radio Button behaviour is lost:
<
telerik:RadButton
ID
=
"RadButtonTile"
runat
=
"server"
ToggleType
=
"CustomToggle"
ButtonType
=
"ToggleButton"
Skin
=
"BlackMetroTouch"
Text
=
"tile view"
GroupName
=
"Radios"
AutoPostBack
=
"false"
Checked
=
"true"
Height
=
"32px"
>
<
ToggleStates
>
<
telerik:RadButtonToggleState
PrimaryIconCssClass
=
"rbToggleCheckboxChecked"
/>
<
telerik:RadButtonToggleState
PrimaryIconCssClass
=
"rbToggleCheckbox"
/>
</
ToggleStates
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"RadButtonList"
runat
=
"server"
ToggleType
=
"CustomToggle"
ButtonType
=
"ToggleButton"
Skin
=
"BlackMetroTouch"
Text
=
"list view"
GroupName
=
"Radios"
AutoPostBack
=
"false"
Height
=
"32px"
>
<
ToggleStates
>
<
telerik:RadButtonToggleState
PrimaryIconCssClass
=
"rbToggleCheckbox"
/>
<
telerik:RadButtonToggleState
PrimaryIconCssClass
=
"rbToggleCheckboxChecked"
/>
</
ToggleStates
>
</
telerik:RadButton
>
Is there anyway to include the Radio Button behaviour with the desired checkbox style?
Thanks