1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / Change menu and sub menu background on mouse hover

Change menu and sub menu background on mouse hover

4 posts, 0 answered
  1. Randhir
    Randhir avatar
    2 posts
    Registered:
    08 Jul 2010
    14 Jul 2010
    Link to this post
    Hi,
    I have been using telerik controls for one of my project.

    The theme of my website is green. I used RadMenu for Navigation. On mouse hover orver menu and submenu items, i need to have green gradient background color. But the current is something like orange and yellow.

    How to set the background color of menu and submenu items to green gradient color?

    Please help,
    Thanks,
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    14 Jul 2010
    Link to this post
    Hello Randhir,

    I suggest that you should images and set the HoveredImageUrl property of the RadMenu item.


    If you work with css only ( without using images) you need to write hacks for all browsers. IE supports only two color gradient and you should use filters.

    /* different browser */
    background-color: #3c464a;
     
    /* FF browser from 3.6 */
    background: -moz-linear-gradient(#3d474b, #263135);
    /* Safari and Chrome browser */
    background: -webkit-gradient(linear, left top, left bottom, from(#3d474b), to(#263135));
    /* IE browser */
    filter: progidXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#3d474b, endColorstr=#263135);


    All the best,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Randhir
    Randhir avatar
    2 posts
    Registered:
    08 Jul 2010
    15 Jul 2010
    Link to this post
    Hi Dimitrov ,

    Thanks for the reply,

    but i have been using silverlight controls, i don't know how to apply css on silverlight controls. Is there something we can do by editing template or something we can do using expression blend.

    I have trying to do this since two days, but no success. I am tired.

    thanks,
    Randhir
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    15 Jul 2010
    Link to this post
    Hello Randhir,

    This is Sitefinity forum and it is for the CTP version. If you use Sitefinity and CTP edition, please provide us with more details or sample project.

    Kind regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
4 posts, 0 answered