Hi,
I'm trying to customize a RadDock caption adding a radio button using TitlebarTemplate. The problem is that the result is different in Internet Explorer and Firefox (in IExplorer I can't center the radio button vertically). This is the code I'm using:
I attach a screen capture with the result in the two browsers.
How can I center vertically the radio button in the caption, in order the final result to be the same in IExplorer and Firefox?
Regards,
John.
I'm trying to customize a RadDock caption adding a radio button using TitlebarTemplate. The problem is that the result is different in Internet Explorer and Firefox (in IExplorer I can't center the radio button vertically). This is the code I'm using:
<
telerik:RadDockZone
ID
=
"RadDockZoneTest"
Runat
=
"server"
Width
=
"300px"
BorderStyle
=
"None"
Skin
=
"Forest"
>
<
telerik:RadDock
ID
=
"RadDock4"
Runat
=
"server"
Width
=
"300px"
DefaultCommands
=
"None"
EnableDrag
=
"False"
EnableRoundedCorners
=
"True"
Skin
=
"Forest"
>
<
TitlebarTemplate
>
<
table
style
=
"width:100%;"
>
<
tr
>
<
td
style
=
"vertical-align: middle; width: 20px;"
>
<
telerik:RadButton
ID
=
"rbtnReport"
runat
=
"server"
AutoPostBack
=
"False"
ButtonType
=
"ToggleButton"
Text
=
""
ToggleType
=
"Radio"
Skin
=
"Forest"
>
</
telerik:RadButton
>
</
td
>
<
td
style
=
"vertical-align: middle"
>
<
asp:Label
ID
=
"Label7"
runat
=
"server"
Text
=
"CAPTION"
Font-Names
=
"Segoe UI"
Font-Size
=
"10pt"
></
asp:Label
>
</
td
>
</
tr
>
</
table
>
</
TitlebarTemplate
>
<
ContentTemplate
>
<
asp:Label
ID
=
"Label8"
runat
=
"server"
Text
=
"Result in IExplorer"
></
asp:Label
>
</
ContentTemplate
>
</
telerik:RadDock
>
</
telerik:RadDockZone
>
I attach a screen capture with the result in the two browsers.
How can I center vertically the radio button in the caption, in order the final result to be the same in IExplorer and Firefox?
Regards,
John.