Images with transparency used with Transparent skin

[Jan Pfeffer]

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.

[Princy]

Hello,

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.

[Jan Pfeffer]

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

[Princy]

Hello,

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.

[Jan Pfeffer]

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

[Ivan Zhekov]

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

[Jan Pfeffer]

Hey Ivan

Just wanted to hear if there's any progress on finding a solution for the problem.

Sincerly Jan.

[Ivan Zhekov]

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

[Jan Pfeffer]

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

[Jan Pfeffer]

Hey at Telerik

Is there any news regarding this skin fix ?

It't been months now.

Sincerly

Jan

[Jan Pfeffer]

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

[Ivan Zhekov]

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