This is a migrated thread and some comments may be shown as answers.

Site styles messing up control styles

1 Answer 14 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Jesse
Top achievements
Rank 1
Veteran
Jesse asked on 20 Nov 2013, 05:58 PM
I'm deploying some web user controls containing Rad Controls to a web site that has some very generic styles defined. I keep running into the problem of the site styles applying to elements within Rad Controls and causing them to visually appear incorrectly. For instance, The site has the style:

a:hover {
    margin: 0;
    padding: 0;
    font-weight: normal;   
}

(It actually has other styles that make things way worse, but this is a good, simple example.) This style is messing up the tab control tabs which contain an <a>. When I hover over a tab, the tab's text shifts left and the left tab border disappears. There are other styles defined for the site that apply to <ul> and <li> generically that mess up the tab control as well. I do have access to the site styles, but I don't know where they are all used which means I don't know what I'd be breaking if I change one. Is there a better way to make sure the Rad Controls styles are not interfered with? I kind of thought the control would manage providing all of the styles needed to ensure it's look and feel.

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 25 Nov 2013, 11:58 AM
Hello Jesse,

I have applied the CSS code snippet to s sample project but the issue that you had described was not reproduced. You can see the behavior on this video. Could you please provide me a live URL or project with a reproduced issue to I can test it locally?

Regards,
Magdalena
Telerik
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 the blog feed now.
Tags
General Discussions
Asked by
Jesse
Top achievements
Rank 1
Veteran
Answers by
Magdalena
Telerik team
Share this question
or