How to apply different styles to the r.a.d.menu items

1 posts, 0 answers
  1. Peter Georgiev
    Peter Georgiev avatar
    14 posts
    Member since:
    Jan 2006

    Posted 09 Aug 2006 Link to this post

     

    Requirements

    r.a.d.menu version

    4.x

    .NET version

    NET 2.0

    Visual Studio version

    2005

    programming language

    C#

    browser support

    all browsers supported by r.a.d.menu


     
    PROJECT DESCRIPTION
    This project shows a menu with three root items, each of which has one child item. The project shows how to apply three different styles to each root menu item and its child item. Here are the steps:
    1. Set the Skin property of the r.a.d.menu to a random skin. The attached project used the Ivory skin.
    2. Define all custom classes inline in the head tag of the aspx page. Note that each class has to be preceded by .RadMenu_[skin] or .RadMenu_Ivory in our case. For example:
      .RadMenu_Ivory .Blue {...} .
       
    3. Use !important for those attributes that are defined in the css file of the skin as well. 
       
    4. Set the CssClass, ExpandedCssClass and FocussedCssClass to the corresponding custom classes.


    Note:

    A similar topic about ASP.NET AJAX version of RadMenu you may find here.

Back to Top