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

Help with Office2007 Demo

3 Answers 36 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Jim
Top achievements
Rank 1
Jim asked on 16 Jun 2009, 12:40 PM
I have an app based on the Office2007 demo and have an issue with the root sub-menu item.  Does anyone know where the css class Office2007RootItem is located?  Unlike in the demo, in my code the root item in the sub-menu can be selected so I assume that the missing css class is the issue.  The analogous menu item in the demo is Print -> Preview and Print the Document.

Thanks,
Jim

3 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 18 Jun 2009, 03:22 PM
Hi Jim,

What issue do you have with the menu items?

I suggest you review this help topic: How skins work

Most RadControls have a base style sheet and a skin style sheet which are embedded in the Telerik assembly. However, you can view the css styles definition for RadMenu at the following location:

menu base styles
[your local installation of RadControls]\Skins -> Menu.css

Office2007 styles
[your local installation of RadControls]\Skins\Office2007\Menu.Office2007.css



Best wishes,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Jim
Top achievements
Rank 1
answered on 18 Jun 2009, 03:38 PM
Hi Peter,

The issue I have is with the first item in the sub-menu list.  In the demo (http://demos.telerik.com/aspnet-ajax-beta/toolbar/examples/applicationscenarios/ribbonbar/defaultcs.aspx?product=toolbar) the first item cannot be selected but in my application it can.  I have postback set to false for it so it doesn't really cause any issues.  In the demo go over the hover button and on the drop down menu select "Print" and the submenu will open to the right.  On that menu the top item "Preview and Print the Document" cannot be selected.  That is the behavior that I would like to have.  All of the css I am using is the same as in the demo.  However the css class "Office2007RootItem" in the code fragment below gives a warning that the "class or CssClass value is not defined".  I've looked through the css files in the skins including the ones you mentioned and I could not find that class so I'm assuming that is why the behavior in my app is not the same as in the demo.

<div class="ribbonBar" style="position:relative;z-index:3;">  
   <telerik:RadMenu ID="TopMenu" runat="server" Skin="Office2007Big"   
       EnableEmbeddedSkins="False" Width="20px" CssClass="Office2007RootItem"   
       EnableScreenBoundaryDetection="False"   
       style="position:absolute; margin-top:-35px; margin-left:-1px;"   
       onitemclick="TopMenu_ItemClick" CausesValidation="False">  
 

 

Regards,

Jim

0
Peter
Telerik team
answered on 19 Jun 2009, 01:56 PM
Hello Jim,

I see what you mean. Thanks for clarifying. Indeed this setting for RadMenu is not necessary:
CssClass="Office2007RootItem". It is left there by accident so you can safely remove it. 

Let us know if you have further questions.


All the best,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
ToolBar
Asked by
Jim
Top achievements
Rank 1
Answers by
Peter
Telerik team
Jim
Top achievements
Rank 1
Share this question
or