Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Dock > Change rdDragHelper

• Rambo the Dog

  Posted on Dec 14, 2011 (permalink)

  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

  Reply

• Slav Slav

  Posted on Dec 19, 2011 (permalink)

  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

  Reply


• Rambo the Dog

  Posted on Dec 29, 2011 (permalink)

  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?

  Reply

• Slav Slav

  Posted on Jan 3, 2012 (permalink)

  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

  Attached files

  • RadDockCustomDragCursor.zip

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Dock > Change rdDragHelper