Hi Telerik Team,
I am currently using a telerik:RadButton and encountering some cross-browser issues with Chrome. Please see the screenshot for a better view of the problem.
I've also provided a code snippet of the solution :
I have also debugged it by using Chrome's Inspect Element feature and found that the following css class is causing the issue. The problem is that if I make any alterations to it, other rad controls will not display properly as I believe it's a key class to all the Rad Controls.
Any suggestions?
Thanks
Regards,
Navnit
I am currently using a telerik:RadButton and encountering some cross-browser issues with Chrome. Please see the screenshot for a better view of the problem.
I've also provided a code snippet of the solution :
<%--Component--%>
<
td
style
=
"width: 192px;"
>
<
table
cellpadding
=
"0"
cellspacing
=
"0"
width
=
"100%"
>
<
tr
>
<
td
>
<
telerik:RadButton
ID
=
"chkBoxComponent"
runat
=
"server"
ToggleType
=
"CheckBox"
ButtonType
=
"StandardButton"
SkinID
=
"filterCheckBox"
AutoPostBack
=
"false"
>
<
ToggleStates
>
<
telerik:RadButtonToggleState
Text
=
"Exclude Components Filter"
PrimaryIconCssClass
=
"rbToggleCheckboxChecked"
/>
<
telerik:RadButtonToggleState
Text
=
"Include Components Filter"
PrimaryIconCssClass
=
"rbToggleCheckbox"
/>
</
ToggleStates
>
</
telerik:RadButton
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
asp:ListBox
ID
=
"listBoxComponent"
SkinID
=
"listboxFilter"
runat
=
"server"
></
asp:ListBox
>
</
td
>
</
tr
>
</
table
>
</
td
>
I have also debugged it by using Chrome's Inspect Element feature and found that the following css class is causing the issue. The problem is that if I make any alterations to it, other rad controls will not display properly as I believe it's a key class to all the Rad Controls.
.rbSkinnedButton {
padding-right
:
2px
;
}
Any suggestions?
Thanks
Regards,
Navnit