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

Styling RadDock through CSS

2 Answers 23 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Dave
Top achievements
Rank 1
Dave asked on 22 Nov 2013, 11:47 AM
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 Answers, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 25 Nov 2013, 03:55 PM
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.
0
Dave
Top achievements
Rank 1
answered on 26 Nov 2013, 08:30 AM
Hi Bozhidar,

Many thanks for you help ir is appreciated :)

Dave
Tags
Dock
Asked by
Dave
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Dave
Top achievements
Rank 1
Share this question
or