RadMenu with Javascript

[PPI Itdept]

I have a page called Default.aspx and in that page I have a radmenu, label, search button and iFrame.
The menu consists of Home, Products, Variants, Finished Goods, Sub Assembly ect. By default the Home item is highlighted.
When the user clicks the search button a list of items are displayed in a rad window. From here the user chooses an item, the window closes and iFrame gets loaded with FinishedGoods.aspx (in this example).
In the FinishedGoods.aspx body onload I have a function that gets called and finds the menu and label in the Default.aspx.

 

 

 

parent.document.getElementById('lblBreadCrumb').innerText = 'Finished Goods'; // label
var menu = parent.document.getElementById('rmMain').attributes; // RadMenu

 

I'm trying to get the Finished Goods in the menu to be highlighted/selected and the Home not be highlighted/selected.

How do I go about doing this with the RadMenu?

I also attached an image.

Thanks

[Kate]

Hi Ppi Itdept,

Did you try to use client-side and set_cssClass property that sets the desired css class. Here is an example how you can apply it:

varmenu=$find("MainMenu");
varitem1 = menu.findItemByText("A");
item2.set_cssClass("rmFocused");

All the best,
Kate
the Telerik team