I have a set of toggle buttons on a form. I want a custom image that changes states depending on a state kept in the code-behind. The code definition for the toggle buttons is here:
I have three of these in a row, each in their own div such that they line up nicely. In IE only, when I click one of the toggle buttons it alters its position to a few pixels higher. See the attached images. This works fine in Chrome and Firefox. Any suggestions for a workaround?
If you're wondering what I do in OnToggleStateChanged, I change the tooltip text and refresh a grid based on the setting. However I have removed the OnToggleStateChanged and it still happens. The only way to make it not happen is to set AutoPostBack to False.
Also, I think the initial position of the image is wrong, not the position after it's toggled. It remains in the toggled position no matter how many times I click it, and the final position matches the position that Chrome and Firefox renders it at.
Steve
<
telerik:RadButton
ID
=
"RadButtonOptionCapital"
runat
=
"server"
OnToggleStateChanged
=
"RadButtonOptionCapital_ToggleStateChanged"
ToggleType
=
"CustomToggle"
ToolTip
=
"Capital"
ButtonType
=
"ToggleButton"
AutoPostBack
=
"True"
BorderStyle
=
"None"
>
<
ToggleStates
>
<
telerik:RadButtonToggleState
PrimaryIconUrl
=
"Images/Dollar-Ironwood-16.png"
Selected
=
"true"
/>
<
telerik:RadButtonToggleState
PrimaryIconUrl
=
"Images/Dollar-Grey-16.png"
/>
</
ToggleStates
>
</
telerik:RadButton
>
I have three of these in a row, each in their own div such that they line up nicely. In IE only, when I click one of the toggle buttons it alters its position to a few pixels higher. See the attached images. This works fine in Chrome and Firefox. Any suggestions for a workaround?
If you're wondering what I do in OnToggleStateChanged, I change the tooltip text and refresh a grid based on the setting. However I have removed the OnToggleStateChanged and it still happens. The only way to make it not happen is to set AutoPostBack to False.
Also, I think the initial position of the image is wrong, not the position after it's toggled. It remains in the toggled position no matter how many times I click it, and the final position matches the position that Chrome and Firefox renders it at.
Steve