Styling RadDock through CSS

3 posts, 1 answers
  1. Dave
    Dave avatar
    4 posts
    Member since:
    Oct 2013

    Posted 22 Nov 2013 Link to this post

    Hi,

    I am trying to apply CSS to a RadDock and having a bit of trouble getting things to work.

    For example I am trying this CSS:
    .rdExpand, .rdCollapse, .rdCollapsed {
       background-position: 0px 0px !important;
       height:60px !important;
    }

    When I inspect it in Chrome I can see it there but it is being overridden by value in WebResource.axd:
    .RadDock.rdCollapsed {
     height: 27px!important;
    }

    BTW I tried appending the classes with "div" like below but no dice :(

    div.rdExpand, div.rdCollapse, div.rdCollapsed {
       background-position: 0px 0px !important;
       height:60px !important;
    }

     
    If there anyway of overridding this value with the one I have in my CSS?

    Thanks,

    Dave.
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 25 Nov 2013 Link to this post

    Hello,

    To override the following:

    .RadDock.rdCollapsed {
     height: 27px!important;
    }

    You should use it the following way:

    div.RadDock.rdCollapsed {
     height: 60px !important;
    }

    You have to use the CSS selecotr coming from the WebResource + to add one more element/CSS class or ID in order to oveeride the WebResource style.

    Regards,
    Bozhidar
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dave
    Dave avatar
    4 posts
    Member since:
    Oct 2013

    Posted 26 Nov 2013 Link to this post

    Hi Bozhidar,

    Many thanks for you help ir is appreciated :)

    Dave
Back to Top