Site styles messing up control styles

2 posts, 0 answers
  1. Jesse
    Jesse avatar
    46 posts
    Member since:
    Aug 2013

    Posted 20 Nov 2013 Link to this post

    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.
  2. Magdalena
    Admin
    Magdalena avatar
    487 posts

    Posted 25 Nov 2013 Link to this post

    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.
Back to Top