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:
(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.
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
0
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
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.