Images with transparency used with Transparent skin

12 posts, 0 answers
  1. Jan Pfeffer
    Jan Pfeffer avatar
    55 posts
    Member since:
    Aug 2006

    Posted 23 Jul 2012 Link to this post

    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.
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 23 Jul 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jan Pfeffer
    Jan Pfeffer avatar
    55 posts
    Member since:
    Aug 2006

    Posted 24 Jul 2012 Link to this post

    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
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 24 Jul 2012 Link to this post

    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.
  6. Jan Pfeffer
    Jan Pfeffer avatar
    55 posts
    Member since:
    Aug 2006

    Posted 25 Jul 2012 Link to this post

    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
  7. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 30 Jul 2012 Link to this post

    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
    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.
  8. Jan Pfeffer
    Jan Pfeffer avatar
    55 posts
    Member since:
    Aug 2006

    Posted 14 Sep 2012 Link to this post

    Hey Ivan

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

    Sincerly Jan.

  9. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 19 Sep 2012 Link to this post

    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
    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.
  10. Jan Pfeffer
    Jan Pfeffer avatar
    55 posts
    Member since:
    Aug 2006

    Posted 30 Oct 2012 Link to this post

    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
  11. Jan Pfeffer
    Jan Pfeffer avatar
    55 posts
    Member since:
    Aug 2006

    Posted 17 Dec 2012 Link to this post

    Hey at Telerik

    Is there any news regarding this skin fix ?

    It't been months now.

    Sincerly

    Jan
  12. Jan Pfeffer
    Jan Pfeffer avatar
    55 posts
    Member since:
    Aug 2006

    Posted 10 Jan 2013 Link to this post

    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
  13. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 16 Jan 2013 Link to this post

    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
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017