Help with Office2007 Demo

4 posts, 0 answers
  1. Jim
    Jim avatar
    15 posts
    Member since:
    Jan 2009

    Posted 16 Jun 2009 Link to this post

    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
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 18 Jun 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jim
    Jim avatar
    15 posts
    Member since:
    Jan 2009

    Posted 18 Jun 2009 Link to this post

    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

  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 19 Jun 2009 Link to this post

    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.
Back to Top