After Q2 update button seems to have an underline

5 posts, 0 answers
  1. Clive Hoggar
    Clive Hoggar avatar
    334 posts
    Member since:
    Nov 2008

    Posted 21 Jul 2009 Link to this post

    Hi

    I have just built a new page including a button modified by the form decorator (black skin).
    Pages that I had already built before upgrading from Q1 to Q2 are still OK, but on the new page
    the button shows underlined text on button hover, instead of just the button image changing.

    How can I fix this? It is as if the website CSS settings for links has come into play.

    Thanks

    Clive
  2. Martin
    Admin
    Martin avatar
    585 posts

    Posted 22 Jul 2009 Link to this post

    Hi Clive Hoggar,

    I suppose that due to the new rendering of RadFormDecorator, now your buttons inherit link settings from your custom style. To override them, use the following CSS:

    .rfdSkinnedButton,
    .rfdSkinnedButton *
    {
        text-decoration: none !important;
    }


    Greetings,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Clive Hoggar
    Clive Hoggar avatar
    334 posts
    Member since:
    Nov 2008

    Posted 22 Jul 2009 Link to this post

    Thanks

    This works fine!
  5. Shash
    Shash avatar
    14 posts
    Member since:
    Dec 2006

    Posted 14 Oct 2009 Link to this post

    I'm using asp:DropDownList and when I mouse over all the items in the list are getting underlined, is there a solution for this?
  6. Martin
    Admin
    Martin avatar
    585 posts

    Posted 15 Oct 2009 Link to this post

    Hello Shash,

    Obviously the underline is inherited from your custom styles too - most probably from a global a:hover or label:hover CSS setting. The approach that you can use is similar to the one I gave Clive earlier.

    The difference is in the selector that should be used. You may try the following:

    .rfdSelectBox *
    {
        text-decoration: none !important;
    }


    Note: The solution I give you is for the latest version of FormDecorator. If you are using an older version of the control you may use IE Dev Toobar or FireBug to see what exactly is being rendered in the dropdown and respectively override the inherited text-decoration  CSS property of the element that is underlined on hover.

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