Change rdDragHelper

[Rambo the Dog]

Hello,

I'd really like to change the image used while dragging a collapsed dock around.
I found the rdDragHelper selector in the help files..but nothing I've tried seems to change what/how the image behind the cursor is while dragging.

.rdDragHelper

{

opacity: .1 !important;

filter:alpha(opacity=10) !important; /* For IE8 and earlier */

}

Am I missing a selector..is this not configurable?

Thanks for your input.

Dan

[Slav]

Hi Dan,

If you want to modify the opacity filter of the dragged RadDock, you should add the div HTML tag or include the RadDock class in the selector of the according CSS class. This way your custom styles will be set with more weight than the ones in the default skin and your modifications will take effect. Below you can check the code to apply the two possible solutions into your project:

.RadDock.rdDragHelper
{
    opacity: .1 !important;
    filter: alpha(opacity=10) !important; /* For IE8 and earlier */
}

div.rdDragHelper
{
    opacity: .1 !important;
    filter: alpha(opacity=10) !important; /* For IE8 and earlier */
}

In case you want to make additional changes to the RadDock's default appearance I would suggest creating a custom skin by following the steps in the help article Tutorial: Creating a Custom Skin.

Best wishes,
Slav
the Telerik team

[Rambo the Dog]

Thanks for the reply..actually what I'd like to do is not show the contents of the raddock..but change the cursor to a custom.cur file...is this even possible?

[Slav]

Hi Dan,

If I understand you correctly, you want to change the default cursor to a custom one, while the RadDock control is dragged. I have attached a sample project, implementing such feature by changing the CSS property cursor on drag start and drag end of the RadDocks on the page. I would suggest also checking this article in order to ensure that your custom cursor will be displayed under the major browsers.

Kind regards,
Slav
the Telerik team