[Solved] Advanced Modal Window movable

[rugydp]

Hello

How can I set a RadScheduler modal window to 'movable' by the user like a RadWindow?

My users are confused that the can move other RadWindow modal windows but not the one from the scheduler.

Thanks

Ruggero De Pellegrini

[Peter Milchev]

Hello Ruggero,

The advanced form dialog is not a RadWindow and it does not have such built-in functionality. 

Nevertheless, one option to make it draggable is to use jQuery UI as in the attached project. 

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script
    src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"
    integrity="sha256-eEa1kEtgK9ZL6h60VXwDsJ2rxYCwfxi40VZ9E0XwoEA="
    crossorigin="anonymous"></script>

<telerik:RadScriptManager runat="server" ID="RadScriptManager2" EnableEmbeddedjQuery="false">
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryExternal.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" />
    </Scripts>
</telerik:RadScriptManager>

function OnClientFormCreated(sender, args) {
    if (args.get_formElement().classList.contains('rsAdvancedModal')) {
        $(args.get_formElement()).draggable();
    }
}

<telerik:RadScheduler runat="server" RenderMode="Lightweight"
    AdvancedForm-Modal="true"
    OnClientFormCreated="OnClientFormCreated"
    ID="RadScheduler1">
</telerik:RadScheduler>

Regards,
Peter Milchev
Progress Telerik