This is a migrated thread and some comments may be shown as answers.

Radmenu Semi-Transparency affect

7 Answers 142 Views
Menu
This is a migrated thread and some comments may be shown as answers.
lmills@travizon.com
Top achievements
Rank 1
lmills@travizon.com asked on 15 Oct 2009, 10:08 PM
Hi - i'm using the latest Radmenu control and was wondering how you might be able to set the background transparency of the menu that opens up after you place the mouse over the top-most level.

So in essence when you move your mouse over the menu, the cascading menu has a nice semi-transparent look.

Thanks

7 Answers, 1 is accepted

Sort by
0
Schlurk
Top achievements
Rank 2
answered on 16 Oct 2009, 07:24 PM
This code will set the transparency of a RadMenuItem to 70%:

<style type="text/css">  
    .rmItem  
    {  
        opacity: 0.7;  
        -moz-opacity: 0.7;  
        filter: alpha(opacity=70);  
    }  
</style>  

Hopefully that does the trick :)
0
rcba
Top achievements
Rank 1
answered on 13 Jan 2010, 10:23 PM
This didn't work for me in IE.  Instead I tried doing the same to the .rmGroup and .rmVertical and it works on all browsers but it does not work in IE7.  It does not show the children of the first tree nodes.

Does anyone know the solution?

Thanks,
RB
0
Schlurk
Top achievements
Rank 2
answered on 14 Jan 2010, 06:39 PM
This website goes over how to implement opacity in all browsers. I believe if you are running into this issue only in IE7 you might be running in compatability mode and therefore you need to add a rule. You might also need to change the order of the CSS rules:

<style type="text/css">   
    .rmItem   
    {   
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
        filter: alpha(opacity=70);  
        opacity: 0.7;   
        -moz-opacity: 0.7;  
    }   
</style>   

I think that should fix everything with your IE issues :)
0
rcba
Top achievements
Rank 1
answered on 20 Jan 2010, 10:31 PM
Thank you for you reply.  I tried your suggestion but for some reason using .rmItem prevents IE from showing the radmenu at all.  Using .RadMenu_Custom .rmGroup, .RadMenu_Custom .rmGroup .rmVertical transparency works on all browsers but on IE7 still.
I've also tried setting back the opacity values if the browser is IE7 but it is not working either.

<style type="text/css">.RadMenu_Custom .rmGroup, .RadMenu_Custom .rmGroup .rmVertical {filter:alpha(opacity=90); opacity:.9; -moz-opacity:.9;}</style>

<!--[if lt IE 8 ]>

<style type="text/css">.RadMenu_Custom .rmGroup, .RadMenu_Custom .rmGroup .rmVertical { opacity:1; -moz-opacity:.1; filter:alpha(opacity=100); }</style>

<![endif]-->

Any other suggestions?

Thanks,
RB
0
Kamen Bundev
Telerik team
answered on 22 Jan 2010, 12:29 PM
Hello rcba,

This issue may be related to the layout of your page, can you share a live URL or a sample project with these changes applied and we will try to help you fix it. I can convert this forum post to a support ticket if you prefer privacy. Thank you in advance.

Best wishes,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
sircutbreaker
Top achievements
Rank 1
answered on 14 Sep 2010, 12:34 PM
I am having the same issue.  I placed the filter to give the dropdown the transparency effect.. and now it doesnt show at all in ie.

here is a live url

http://multimediabyjeff.com/shop2/

any help would be much appreciated.

Regards,

Jeff
0
Kamen Bundev
Telerik team
answered on 14 Sep 2010, 01:01 PM
Hello sircutbreaker,

The issue here is that .rmItem is stackable and when filters are stacked in IE, the results are unpredictable. The fix is easy - just apply the filter and opacity to the .rmLink element and remove the background from .rmItem in order to make the above transparency visible.

Kind regards,
Kamen Bundev
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
Tags
Menu
Asked by
lmills@travizon.com
Top achievements
Rank 1
Answers by
Schlurk
Top achievements
Rank 2
rcba
Top achievements
Rank 1
Kamen Bundev
Telerik team
sircutbreaker
Top achievements
Rank 1
Share this question
or