Hello @Susan!
Unfortunately windows don't support dragging from anywhere.
This does not mean the components can't be extended to fulfill your needs though, as per this stack overflow question:
How to make an ExtJs window draggable by body? (p.s.: this didn't work for me though)
The simplest way I found to actually make the window draggable from anywhere -- from a desktop module context -- was to manually specify a "draggable delegate" to the own window element:
<CustomConfig>
<ext:ConfigItem Name="draggable" Value="{ delegate: function () { return App.GreetingWindow; } }" Mode="Raw" />
</CustomConfig>
But don't get your hopes too high, this seems very unreliable. For instance, I wanted with this retain the original window behavior (draggable by title bar) and the two alternatives below this still makes it draggable from anywhere:
<ext:ConfigItem Name="draggable" Value="{ delegate: function () { return App.GreetingWindow_header; } }" Mode="Raw" />
<ext:ConfigItem Name="draggable" Value="{ delegate: function () { return App.GreetingWindow_header.el; } }" Mode="Raw" />
So it most likely means this works "by chance" and there's no telling how reliably it will behave across browsers and versions (tested on latest, Ext.NET 5.3.0).
This is really abusing Ext JS as
per documentation, the value for
draggable
should be a boolean
true
or
false
. It probably only works because of upper,
Ext.Component
implementation of the property. So, use it at your own risk. Extending the component should be the way to go in this case.
Hope this helps!