After Q2 update button seems to have an underline

[Clive Hoggar]

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

[Martin]

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.

[Clive Hoggar]

Thanks

This works fine!

[Shash]

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?

[Martin]

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.