Change menu and sub menu background on mouse hover - General Discussions - General Discussions - Progress Community
 General Discussions

Change menu and sub menu background on mouse hover

  • Change menu and sub menu background on mouse hover
  • 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,
  • 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
  • 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
  • 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