Add Sound Effect to Horizontal RadMenu with drop-down

5 posts, 0 answers
  1. Ryan
    Ryan avatar
    3 posts
    Member since:
    May 2011

    Posted 08 Jul 2011 Link to this post

    Hi guys,
    My boss wants a sound effect to happen each time a navigation menu item is rolled over.  I am using the  radmenu navigation with a customized TIU skin- it is the horizontal nav with drop-down.
    Can you let me know if this is possible and point me in the right direction?
    thanks!
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 14 Jul 2011 Link to this post

    Hello Ryan,

    It is possible to add sound effect using javascript. Depending on you requirements you can subscribe to the different client-side events. For example, subscribing on the OnClientItemOpening event, will play sound when the menu is opening. Please take a look at the following articles to see how you  can add sound using javascript.

    Regards,
    Kate
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  3. Ryan
    Ryan avatar
    3 posts
    Member since:
    May 2011

    Posted 14 Jul 2011 Link to this post

    Thanks Kate-

    I am glad that it is possible.  I have been able to accomplish such a thing in a flat html site, so I understand the concepts, but I guess I am just not clear on how to implement this in Sitefinity.  I know the javascript code that I want to appear in the header, and I know that I want each of the nav links to have to call an onclientmouseover and onclientmouseout event.  I just have no idea where to put the actual code.  In the master page template?  Does it go in a control?  sorry, I am very new to this
  4. Ryan
    Ryan avatar
    3 posts
    Member since:
    May 2011

    Posted 14 Jul 2011 Link to this post

    Thanks Kate-

    I am glad that it is possible.  I have been able to accomplish such a thing in a flat html site, so I understand the concepts, but I guess I am just not clear on how to implement this in Sitefinity.  I know the javascript code that I want to appear in the header, and I know that I want each of the nav links to have to call an onclientmouseover and onclientmouseout event.  I just have no idea where to put the actual code.  In the master page template?  Does it go in a control?  sorry, I am very new to this
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 19 Jul 2011 Link to this post

    Hi Ryan,

    You can create a custom template for the navigation control which is based on RadMenu and include the javascript in the template. Then you can specify this template in the LayoutTemplatePath property in the design settings of the Navigation control. In case you use a simple master page i would suggest to take a look at the following article - Calling JavaScript from ASP.NET Master Page and Content Pages

    All the best,
    Kate
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

Back to Top