[How Do I:] Use the ASP.NET AJAX Draggable Panel Extender?

I can't open this video ~_~

Hi Joe,

Tried this and it works fine running locally but when I try to run this on a server I get a webresource.axd error:

The WebResource.axd handler must be registered in the configuration to process this request.

Adding the text below to the webconfig file has no effect on the error. Did I miss something in getting AJAX Control Toolkit working with IIS 7?

Config: IIS 7, VS Pro 2008

<!-- Web.Config Configuration File -->

<configuration>

  <system.web>

      <httpHandlers>

          <add path="WebResource.axd" verb="GET" type="System.Web.Handlers.AssemblyResourceLoader" validate="True" />

      </httpHandlers>

  </system.web>

</configuration>

Nevermind. It was an IIS7 issue. I deserve what I got. Should stick to IIS6 for now until everything is clearly documented.

Thanks for the video!

This is a good tutorial. But i want to add Close and minimize button with this panel. How can i do it? Anyone please help me.

Rajib Roy

rkroyctg@gmail.com

Hi Joe, another great demo.

For some reason it doesn't seem to want to behave itself.

You can move the panel around fine until you resize browser window, then it dies.  It seems to enter an endless loop related to the onresize event setting the body style height.

Any ideas?

Also noticed when working it doesn't stop you dropping part of the panel outside the visible area, it only stops you if the mouse pointer leaves the browser window.  

And unlike your demo the panel doesn't move with the mouse, it only moves on the mouse up event (you see the drag-drop pointer during the move though. This is probably due to some vista setting.

Web Server iis6 on wsvr2003 (.net 2.0)

Client ie7 (x86 version) on vista (x64)

Also viewed it on the server (ie6) and same behaviour except panel moves with mouse

Thanks again

james

It's a very good video tutorial...thanks

Hi Joe

Thanks for tutorial. It was very good.

But i do have a problem in my application. In my application the draggable panel keeps moving back to its original location. You can move it around but as soon as you leave the mouse, it reachs to its original location. I dont know whats the issue.

And the script that you provide for window resize doesn't work in VS2008.

Any idea??

Thanks

i;m combining this feature with popupmodal extender.. every time I drag the panel, it always appears at the right bottom corner of the screen...

any thoughts anyone?

Great Video... Someone needs to fix this script though...  It chews up a lot of cpu when the browser window is resized horizontally ie 7.  In debug I can see it getting called over and over and over.  A simple workaround is to just size out the body element to a size suitable for your application in CSS.

<script type="text/javascript">

   function setBodyHeightToContentHeight() {

       document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)+"px";

   }

   setBodyHeightToContentHeight();

   window.attachEvent('onresize', setBodyHeightToContentHeight);

   </script>

Thanks! Jërëjëf!

This is great. Thank You Joe.

Great Vid.

Can anyone suggest the best way to implement an onDrop function? I'd like to extend this extender to allow my dragPanel to be dropped into another panel and located into it's top right corner.