I am attempting to upgrade a .Net web app with Telerik RadControls Q3 2011 to Q3 2013 and have run into skinning issues with the RadSlidingZone. The browser is also being upgraded from IE8 running in Compatibility View to IE11 in Edge Mode.
​Attached (IE8_RadSlidingZone.jpg) is what the RadSlidingZones on the far left used to look like and needs to maintain its appearance.
Attached (IE11_RadSlidingZone.jpg) is what the RadSlidingZones look like after upgrading the Telerik .dll's and running in IE11.
The issue is the size/height of each sliding zone has shrunk down so that the text is unreadable.
Any suggestions?
Thanks,
Rob
​Attached (IE8_RadSlidingZone.jpg) is what the RadSlidingZones on the far left used to look like and needs to maintain its appearance.
Attached (IE11_RadSlidingZone.jpg) is what the RadSlidingZones look like after upgrading the Telerik .dll's and running in IE11.
The issue is the size/height of each sliding zone has shrunk down so that the text is unreadable.
<
telerik:RadPane
runat
=
"server"
ID
=
"pNav"
SkinID
=
"pLNav"
Height
=
"100%"
OnClientExpanded
=
"pNav_ClientExpanded"
>
<
div
id
=
"DivSLZone"
runat
=
"server"
style="float: left; clear: none; width: 22px;
height: 100%;"
class
=
"tabsContainer"
>
<
telerik:RadSlidingZone
ID
=
"slZone"
runat
=
"server"
SlideDirection
=
"Right"
ClickToOpen
=
"true"
Width
=
"22"
>
<
telerik:RadSlidingPane
ID
=
"slPane1"
Title
=
"Tab 1 Title"
runat
=
"server"
Width
=
"275"
EnableDock
=
"false"
Height
=
"100px"
>
<
div
runat
=
"server"
id
=
"divSlPane1"
>
</
div
>
</
telerik:RadSlidingPane
>
<
telerik:RadSlidingPane
ID
=
"slPane2"
Title
=
"Tab 2 Title"
runat
=
"server"
Width
=
"275"
EnableDock
=
"false"
Height
=
"100%"
>
<
div
runat
=
"server"
id
=
"divSlPane2"
>
</
div
>
</
telerik:RadSlidingPane
>
<
telerik:RadSlidingPane
ID
=
"slPane3"
Title
=
"Tab 3 Title"
runat
=
"server"
Width
=
"275"
EnableDock
=
"false"
Height
=
"100%"
OnClientExpanded
=
"slPane3_ClientExpanded"
OnClientCollapsed
=
"slPane3_ClientCollapsed"
>
<
div
runat
=
"server"
id
=
"divSlPane3"
>
</
div
>
</
telerik:RadSlidingPane
>
</
telerik:RadSlidingZone
>
</
div
>
<
div
style
=
"height: 100%;"
>
<
asp:PlaceHolder
runat
=
"server"
ID
=
"phLeft"
/>
</
div
>
</
telerik:RadPane
>
.tabsContainer, .rspTabsContainer {
background
:
#B0C4DE
!important
;
border-right
:
#336699
1px
solid
!important
;
}
Any suggestions?
Thanks,
Rob