This is a migrated thread and some comments may be shown as answers.

Office2007 skin with PanelBar?

3 Answers 65 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 04 Nov 2008, 05:04 PM
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!

3 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 05 Nov 2008, 08:25 AM
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.
0
David
Top achievements
Rank 1
answered on 06 Nov 2008, 12:29 AM
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!
0
Paul
Telerik team
answered on 06 Nov 2008, 06:10 AM
Hi David,

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

Best wishes,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
PanelBar
Asked by
David
Top achievements
Rank 1
Answers by
Yana
Telerik team
David
Top achievements
Rank 1
Paul
Telerik team
Share this question
or