css styles for rad menu binded with XML

[Harin Yadav]

HI

im using Radmenu.loadxml() to bind my Menu
1)
my menu is having 2 levels with two differnt css function for each level,i..e(.level1{},.level2{})
i want to change the main menu element background-colour when the submenu is hoverd or clicked

2)
display second element of main menu in 2 lines

How to achive these two?Please help.

Thanks
Harin

[Harin Yadav]

HI

i Have fixed the 2 nd one
please help fixing the first one

[Kate]

Hi Harin Yadav,

You can set the css classes to the menu items directly in the xml file and apply the respective class like:

<Menu Text=" ">

  <Group Text="My Tracker" Url="#">

 

  <Item Text="European cities" Url="" >

    <Group >

    <Item Text="Berlin" Url="http://en.wikipedia.org/wiki/Berlin" CssClass="Custom" />

    <Item Text="Paris " Url="http://en.wikipedia.org/wiki/Paris" CssClass="Custom" />

    <Item Text="Sofia" Url="http://en.wikipedia.org/wiki/Sofia"CssClass="Custom" />

      </Group>

  </Item>

  <Item Text="North American cities" Url="">

    <Group >

    <Item Text="Boston" Url="http://en.wikipedia.org/wiki/Boston" />

    <Item Text="San Francisco" Url="http://en.wikipedia.org/wiki/San_Francisco" />

    <Item Text="Seattle" Url="http://en.wikipedia.org/wiki/Seattle" />

    <Item Text="Toronto" Url="http://en.wikipedia.org/wiki/Toronto" />

      </Group >

</Group>

</Menu>

Another way is to use HighLightPath() function and just overwrite the .rmFocused if you need to change the color. 

Best wishes,
Kate
the Telerik team