
Jan Pfeffer
Top achievements
Rank 1
Jan Pfeffer
asked on 23 Jul 2012, 01:56 PM
Hey at Telerik
As you can see in the provided attachment the mousehover look of 'transparent' skin on RadMenu doesn't look right.
Seems like the transparency of the images overrides transparency of radmenuitem.
Is there a css fix available or do i need more than that ?
Sincerly
Jan.
As you can see in the provided attachment the mousehover look of 'transparent' skin on RadMenu doesn't look right.
Seems like the transparency of the images overrides transparency of radmenuitem.
Is there a css fix available or do i need more than that ?
Sincerly
Jan.
11 Answers, 1 is accepted
0

Princy
Top achievements
Rank 2
answered on 24 Jul 2012, 04:08 AM
Hello,
Try overriding the default CSS as follows.
CSS:
Hope this helps.
Regards,
Princy.
Try overriding the default CSS as follows.
CSS:
<style type=
"text/css"
>
.RadMenu_Transparent a.rmLink:hover .rmText,.RadMenu_Transparent a.rmLink:hover
{
background-position:0 1050px !important;
}
</style>
Hope this helps.
Regards,
Princy.
0

Jan Pfeffer
Top achievements
Rank 1
answered on 24 Jul 2012, 07:11 AM
Hey Princy
It has helped a bit the only problem now is that the look when mouse is hovered doesn't look good. It can not be seen that you are hovering an item. Furthermore when the mouse leaves the item a little flickering occours just before the mosue leaves the item.
It must be possible to get the 'hovering image' to look right.
It looks right when an item is not hovered.
Sincerly
Jan
It has helped a bit the only problem now is that the look when mouse is hovered doesn't look good. It can not be seen that you are hovering an item. Furthermore when the mouse leaves the item a little flickering occours just before the mosue leaves the item.
It must be possible to get the 'hovering image' to look right.
It looks right when an item is not hovered.
Sincerly
Jan
0

Princy
Top achievements
Rank 2
answered on 25 Jul 2012, 04:21 AM
Hello,
I suppose you want to add a background-image on hovering of RadMenuItem. Try setting the following css.
CSS:
Hope this helps.
Regards,
Princy.
I suppose you want to add a background-image on hovering of RadMenuItem. Try setting the following css.
CSS:
<style type=
"text/css"
>
.RadMenu_Transparent a.rmLink:hover
{
background-image
:
url
(
"../Images/Image.jpg"
)
!important
;
}
.RadMenu_Transparent a.rmLink:hover .rmText
{
background-position
:
0
1050px
!important
;
}
</style>
Hope this helps.
Regards,
Princy.
0

Jan Pfeffer
Top achievements
Rank 1
answered on 25 Jul 2012, 07:38 AM
Hey again
I would like to have the correct background-image set.
I have included 3 screenshots that illustrates the problem when images are present in the Transparent Skin.
The first 'Normal' screenshot looks as it should.
The second 'Hovered' screenshot is when the mouse is hovering the item and clearly the image background on the item is all wrong, it should be same background as the rest of the item.
The last 'Selected' screenshot is when the item is selected. As with the hovered item the image background on the item is all wrong. Again it should be same background as the rest of the item.
There is no problems with others skins when images are applied to the radmenuitems.
Sincerly
Jan
I would like to have the correct background-image set.
I have included 3 screenshots that illustrates the problem when images are present in the Transparent Skin.
The first 'Normal' screenshot looks as it should.
The second 'Hovered' screenshot is when the mouse is hovering the item and clearly the image background on the item is all wrong, it should be same background as the rest of the item.
The last 'Selected' screenshot is when the item is selected. As with the hovered item the image background on the item is all wrong. Again it should be same background as the rest of the item.
There is no problems with others skins when images are applied to the radmenuitems.
Sincerly
Jan
0
Hi, Jan.
That's definitely a bug in the Transparent skin.
As for a fix, I think will be able to push it with the internal build next week. Depending on the complexity of the fix, we might be able to extract a patch and attach it here.
Kind regards,
Ivan Zhekov
the Telerik team
That's definitely a bug in the Transparent skin.
As for a fix, I think will be able to push it with the internal build next week. Depending on the complexity of the fix, we might be able to extract a patch and attach it here.
Kind regards,
Ivan Zhekov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0

Jan Pfeffer
Top achievements
Rank 1
answered on 14 Sep 2012, 01:44 PM
Hey Ivan
Just wanted to hear if there's any progress on finding a solution for the problem.
Sincerly Jan.
Just wanted to hear if there's any progress on finding a solution for the problem.
Sincerly Jan.
0
Hi, Jan.
The fixes for the transparent skin will be available with the 2012 Q3 release of the RadControls for ASP.NET Ajax, which should be in mid October.
Greetings,
Ivan Zhekov
the Telerik team
The fixes for the transparent skin will be available with the 2012 Q3 release of the RadControls for ASP.NET Ajax, which should be in mid October.
Greetings,
Ivan Zhekov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0

Jan Pfeffer
Top achievements
Rank 1
answered on 30 Oct 2012, 03:14 PM
Hey Ivan
I have applied the Q3 2012, but the Transparent skin still looks the same. The RadMenu background with images on hover still doesn't display correctly.
Sincerly
Jan
I have applied the Q3 2012, but the Transparent skin still looks the same. The RadMenu background with images on hover still doesn't display correctly.
Sincerly
Jan
0

Jan Pfeffer
Top achievements
Rank 1
answered on 17 Dec 2012, 07:57 AM
Hey at Telerik
Is there any news regarding this skin fix ?
It't been months now.
Sincerly
Jan
Is there any news regarding this skin fix ?
It't been months now.
Sincerly
Jan
0

Jan Pfeffer
Top achievements
Rank 1
answered on 10 Jan 2013, 07:19 AM
Hey again
Another month went by, still no news regarding the fix for the Transparent skin ??
Is it fixable og should i look for another solution to my problem ?
Sincerly
Jan
Another month went by, still no news regarding the fix for the Transparent skin ??
Is it fixable og should i look for another solution to my problem ?
Sincerly
Jan
0
Hello, Jan.
For this release we are moving parts of the backgrounds from being image to being CSS gradients: for the combobox, menu, toolbar and treeview.
True, not all browsers support the same types of gradients, but in this particular case, the gradients yield a better result.
Depending how things work out for this new approach, if we have positive reactions, we'll incorporate it in the rest of the controls.
Regards,
Ivan Zhekov
the Telerik team
For this release we are moving parts of the backgrounds from being image to being CSS gradients: for the combobox, menu, toolbar and treeview.
True, not all browsers support the same types of gradients, but in this particular case, the gradients yield a better result.
Depending how things work out for this new approach, if we have positive reactions, we'll incorporate it in the rest of the controls.
Regards,
Ivan Zhekov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.