Office2007 skin with PanelBar?

[David]

Hello,

I have a RadPanel bar that I am working with in the Q2 2008 build.  I would like to use the Office2007 skin, but for some reason it seems the skin was changed since previous versions.  No matter what I do, the panelbar titles are always orange, like they should be when you click on them, but they are permanently orange and never blue when the page loads no matter what you do it seems.  Maybe I have built the radpanelbar incorrectly?  Here is my markup:

	<telerik:RadPanelbar ID="NavBar" runat="server" BorderStyle="None"
	BorderWidth="0px" Skin="Office2007" Style="position: static" Width="100%">
	<CollapseAnimation Duration="100" Type="None" />
	<Items>
	<telerik:RadPanelItem runat="server" PreventCollapse="true" Expanded="true" Text="Review">
	<Items>
	<telerik:RadPanelItem>
	<ItemTemplate>
	<telerik:RadComboBox ID="rcbReview" BackColor="LightGoldenrodYellow"
	Runat="server" Skin="Office2007" AccessKey="C"
	Width="100%" Sort="Ascending" Font-Bold="True" ForeColor="#333333"
	OnClientSelectedIndexChanged="OpenReview">
	<CollapseAnimation Duration="200" Type="OutQuint" />
	</telerik:RadComboBox>
	</ItemTemplate>
	</telerik:RadPanelItem>
	</Items>
	</telerik:RadPanelItem>
	<telerik:RadPanelItem runat="server" PreventCollapse="false" ChildGroupHeight="100%" ClickedCssClass=""
	FocusedCssClass="" Expanded="true" Text="Case Details" Width="100%">
	<Items>
	<telerik:RadPanelItem Value="rtvCaseBatch">
	<ItemTemplate>
	<telerik:RadTreeView ID="rtvCaseBatch" runat="server" Height="200"
	OnContextMenuItemClick="rtvCaseBatch_ContextMenuItemClick"
	OnNodeClick="rtvCaseBatch_NodeClick" Skin="Office2007" style="position: static"
	Width="100%">
	<collapseanimation duration="100" type="OutQuint" />
	<expandanimation duration="100" />
	<contextmenus>
	<telerik:RadTreeViewContextMenu ID="rtvCM_OpenReview" runat="server"
	ClickToOpen="true" Skin="Office2007">
	<Items>
	<telerik:RadMenuItem ImageUrl="Images/DashboardIcons/Case.ico"
	Text="Open for Review" Value="review">
	</telerik:RadMenuItem>
	</Items>
	</telerik:RadTreeViewContextMenu>
	<telerik:RadTreeViewContextMenu ID="rtvCM_ExportCalendar" runat="server"
	ClickToOpen="true" Skin="Office2007">
	<Items>
	<telerik:RadMenuItem ImageUrl="Images/DashboardIcons/exportOutlook_small.jpg"
	Text="Export to Outlook" Value="export">
	</telerik:RadMenuItem>
	</Items>
	</telerik:RadTreeViewContextMenu>
	</contextmenus>
	</telerik:RadTreeView>
	</ItemTemplate>
	</telerik:RadPanelItem>
	</Items>
	</telerik:RadPanelItem>
	<telerik:RadPanelItem runat="server" Expanded="true" ChildGroupHeight="25" Height="100%" Text="Settings"
	Value="Settings" Width="100%">
	<Items>
	<telerik:RadPanelItem runat="server" Value="rtvSettings">
	<ItemTemplate>
	<telerik:RadTreeView ID="rtvSettings" Runat="server"
	onnodeclick="rtvSettings_NodeClick" Skin="Office2007">
	<Nodes>
	<telerik:RadTreeNode runat="server" EnableContextMenu="False"
	ImageUrl="~/Images/DashboardIcons/hotkey_icon.jpg" Text="Hotkeys"
	Value="hotkeys">
	</telerik:RadTreeNode>
	</Nodes>
	<CollapseAnimation Duration="100" Type="OutQuint" />
	<ExpandAnimation Duration="100" />
	</telerik:RadTreeView>
	</ItemTemplate>
	</telerik:RadPanelItem>
	</Items>
	</telerik:RadPanelItem>
	<telerik:RadPanelItem runat="server" ChildGroupHeight="100%" ClickedCssClass=""
	FocusedCssClass="" PreventCollapse="true" Expanded="true" Text="Administration" Value="Administration" Width="100%">
	<Items>
	<telerik:RadPanelItem Value="rtvAdmin">
	<ItemTemplate>
	<telerik:RadTreeView ID="rtvAdmin"
	runat="server"
	OnNodeClick="rtvAdmin_NodeClick"
	Skin="Office2007"
	style="position: static"
	Height="250"
	Width="100%">
	<CollapseAnimation Duration="100" Type="OutQuint" />
	<ExpandAnimation Duration="100" />
	</telerik:RadTreeView>
	</ItemTemplate>
	</telerik:RadPanelItem>
	</Items>
	</telerik:RadPanelItem>
	</Items>
	<ExpandAnimation Duration="100" Type="None" />
	</telerik:RadPanelbar>

Thank you for the assistance!

[Yana]

Hello David,

Orange background of RadPanelBar root items is set when they are hovered, expanded or selected. In your case these items have Expanded and PreventCollapse set to true, so they have this backgroud. Please tell us which style you need to remove and we'll help you.

Kind regards,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[David]

I would like the default view for all my root items in the RadPanel to be expanded by default.  Doint this though in the newer RadPanel version makes it so the background is orange.  I would like to keep the background blue when it is expanded.  It can be orange when it's clicked on, but I would like for it to be blue when it loses focus again.  So only one root item at a time could ever be orange, and that's when it's clicked on and has focus.  The RadPanel used to do this by default in older versions with the Office2007 theme.  The Outlook theme behaves as I want the Office2007 theme to behave, the way it used to behave.  Does that make sense?  I know it's probably some CSS property that I need to modify but I'm not sure how to go about doing that since you guys moved all theming information to the Telerik.Web.UI.dll.

Thanks for the help!

[Paul]

Hi David,

For details on how to modify the build-in skins and/or make your custom skin please refer to these help articles:

• Modifying built-in skins
• Tutorial: Creating A Custom Skin

Best wishes,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.