Change rdDragHelper

4 posts, 0 answers
  1. Rambo the Dog
    Rambo the Dog avatar
    13 posts
    Member since:
    Feb 2010

    Posted 14 Dec 2011 Link to this post

    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

  2. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 19 Dec 2011 Link to this post

    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
    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 their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rambo the Dog
    Rambo the Dog avatar
    13 posts
    Member since:
    Feb 2010

    Posted 29 Dec 2011 Link to this post

    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?
  5. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 03 Jan 2012 Link to this post

    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
    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 their blog feed now
Back to Top