show hide image on menuitem click

[parthavi h]

Hi,

I have this following heirarchy  of menus

<div style="color:Black">
    <radM:RadMenu ID="RadMenu1" runat="server"  OnClientLoad="onClientLoad" EnableEmbeddedSkins="False"  Skin="Outlook"
        OnClientItemClosing="onClientItemClosing" EnableRoundedCorners="true" OnItemClick="RadMenu1_ItemClick">
        <Items >
            <radM:RadMenuItem id = "lblWelcome" GroupSettings-Flow="Vertical">
                <Items>
                    <radM:RadMenuItem Text="<%$ Resources:,res:home_login_login_to_factnet%>" ImageUrl="../images/SignOut.gif" />
                    <radM:RadMenuItem id = "RadLanguageOptionMenu" Text="Set my language preference" ImageUrl="../images/MyProfile.gif" />
                        <Items>
                            <radM:RadMenuItem text = "fr-FR" />
                            <radM:RadMenuItem text = "en-US" />
                        </Items>
                    <radM:RadMenuItem Text="My Profile" ImageUrl="../images/MyProfile.gif" GroupSettings-Flow="Vertical" />
                </Items>
            </radM:RadMenuItem>
        </Items>
    </radM:RadMenu>
</div>

Need to show a 'checkmark' image besides the menuitem ('fr-FR' or 'en-US') itself, indicating that particular item is selected ; if the user clicks on 'fr-FR' or 'en-US'. And hide the image if the user clicks on another menu-item (other than the one that is selected)

Kindly assist.

Thanks,
Parthavi

[Yana]

Hello parthavi,

You can set ImageUrl for the needed item ('fr-FR' or 'en-US') in ItemClick event handler. In order to remove then the image, you should set ImageUrl to an empty string.

Regards,
Yana
the Telerik team

[parthavi h]

Yes, Thank you. The ImageURL does work. But the problem here was with the skin that i was using. It was not displaying the image and text on it. It would do so only if we hover over the control (here the list).

I changed the skin. Its working fine now.

Thanks a lot.