I use the following RadButton on a couple of pages and it behave strangely on each page.
On page 1, I use this and the behavior is fine. When the checkbox is unchecked, the text is blue colored and it is a transparent icon shown. When the checkbox is checked, the green checkmark appears and color of the text is red. That is the proper behavior.
When I use the exact same button on another page, I am getting a square outline of the layer_transparent.jpeg file when it is unchecked. If I hover the mouse over the item, the square outline disappears and nothing is displayed, except the blue text. When the checkbox is checked, a green checkbox appears and the text is red. So, it is the unchecked behavior that is not working. It's for this page only. I noticed this as I am building the page and there is no logic in the codebehind.
<
style
type
=
"text/css"
>
.rbBlue .rbText {
color: blue;
}
.rbRed .rbText {
color: red;
}
</
style
>
<
telerik:RadButton
ID
=
"FillerNLF"
runat
=
"server"
AutoPostBack
=
"false"
Text
=
"NLF"
ButtonType
=
"ToggleButton"
checked
=
"false"
ToggleType
=
"CheckBox"
Style
=
"font-size: 14px; top: 30px; left: 4px; position: absolute;"
>
<
ToggleStates
>
<
telerik:RadButtonToggleState
PrimaryIconUrl
=
"../Images/layer_transparent.jpeg"
CssClass
=
"rbBlue"
/>
<
telerik:RadButtonToggleState
PrimaryIconCssClass
=
"rbOk"
Selected
=
"true"
CssClass
=
"rbRed"
/>
</
ToggleStates
>
</
telerik:RadButton
>
On page 1, I use this and the behavior is fine. When the checkbox is unchecked, the text is blue colored and it is a transparent icon shown. When the checkbox is checked, the green checkmark appears and color of the text is red. That is the proper behavior.
When I use the exact same button on another page, I am getting a square outline of the layer_transparent.jpeg file when it is unchecked. If I hover the mouse over the item, the square outline disappears and nothing is displayed, except the blue text. When the checkbox is checked, a green checkbox appears and the text is red. So, it is the unchecked behavior that is not working. It's for this page only. I noticed this as I am building the page and there is no logic in the codebehind.