This page shows the children tabs directly below the parent tabs (my desired effect).
http://www.telerik.com/help/aspnet-ajax/tabstrip-appearance-layout.html
But when I apply orientation="VerticalLeft", the child tabs flyout to the right of the parent Tabs, see screenshot attached
How do I specify that I would prefer the layout in the documentation?
Here is my code
<
telerik:RadTabStrip
runat
=
"server"
ID
=
"rtsReportMenu"
Skin
=
"Web20"
Orientation
=
"VerticalLeft"
MultiPageID
=
"RadMultiPage1"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtCourse"
Text
=
"Training Reports"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtCourseCompare"
Text
=
"Training Comparison Reports"
PageViewID
=
"RadPageViewBarCompare"
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtCourseTrend"
Text
=
"Training Trending Reports"
PageViewID
=
"RadPageViewBarTrend"
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtCourseTrend"
Text
=
"Outlier Reports"
PageViewID
=
"RadPageViewBottom5"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtSurvey"
Text
=
"Survey Reports"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtSurveyCompare"
Text
=
"Survey Comparison Reports"
PageViewID
=
"RadPageViewBarCompare"
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtSurveyTrend"
Text
=
"Survey Trending Reports"
PageViewID
=
"RadPageViewLineTrend"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
value
=
"rtUsage"
Text
=
"Usage Reports"
PageViewID
=
"RadPageViewUsageLine"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
ASPX code
-------------
<telerik:RadMenu ID="RadMenu1" runat="server" Width="100%" EnableShadows="true" EnableEmbeddedSkins="false"
OnClientItemClicking="fnMenuClick" OnClientMouseOver="fnSubMenuDisplay" Skin="Css4">
<Items>
<telerik:RadMenuItem Text="My WhiteBoard" Width="14%">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Job Activity" Width="14%">
<Items>
<telerik:RadMenuItem Text="Job Management">
<GroupSettings Width="120px" />
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Tool Collar Order">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Shipping Monitor">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Bit Run Activity">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Daily Activity Report">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Rig Packet Log">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Status Board">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"pnlDockZoneLeft"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlDockZoneContent"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"pnlDockZoneContent"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlDockZoneLeft"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:AjaxSetting
AjaxControlID
=
"filterPane"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlIFrame"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
504|updatePanel|pnlDockZoneContentPanel|<
div
id
=
"pnlDockZoneContent"
>
<
div
id
=
"dockZoneContent"
class
=
"RadDockZone RadDockZone_Outlook rdVertical"
style
=
"border-width:0px;min-width:10px;min-height:10px;display:none;"
>
<!-- 2011.2.712.35 -->
<
div
class
=
"RadDock RadDock_Default rdPlaceHolder"
id
=
"dockZoneContent_D"
style
=
"display:none;"
>
<!-- -->
</
div
><
input
id
=
"dockZoneContent_ClientState"
name
=
"dockZoneContent_ClientState"
type
=
"hidden"
/>
</
div
>
</
div
>|362|updatePanel|pnlIFramePanel|<
div
id
=
"pnlIFrame"
class
=
"content"
style
=
"width:100%;"
>
<
iframe
id
=
"IFrame1"
name
=
"IFrame1"
frameborder
=
"0"
marginwidth
=
"0"
scrolling
=
"no"
style
=
"margin: 0; height: 525px"
width
=
"100%"
height
=
"100%"
src
=
"Profile.aspx?Redirect=True"
>
</
iframe
>
</
div
>
// in the case that a contact has not been selected from the Contacts dropdown list
sJQuery += " $('#drpProspectContact').addClass('forminputerror'); ";
// In the case that the RadDatePicker date does not have a valid value in it.
sJQuery += " $('#dpForecastCloseDate_dateInput_text').addClass('forminputerror'); ";
if (IsProspectError)
{
String ErrorScript = "alert('" + sErrors + "'); " + sJQuery;
ScriptManager.RegisterClientScriptBlock(Page, Page.GetType(), "", ErrorScript, true);
return false;
}
else
{
return true;
}
// Works
<
img
src='<%= Page.ClientScript.GetWebResourceUrl(grid.GetType(), "Telerik.Web.UI.Skins.Black.Grid.AddRecord.gif") %>' />
// Doesn't work
<
img
src='<%= Page.ClientScript.GetWebResourceUrl(grid.GetType(), "Telerik.Web.UI.Skins.Office2010Black.Grid.AddRecord.gif") %>' />