Advanced Modal Window movable

2 posts, 0 answers
  1. rugydp
    rugydp avatar
    20 posts
    Member since:
    Jul 2014

    Posted 23 Aug 2017 Link to this post

    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

  2. Peter Milchev
    Admin
    Peter Milchev avatar
    467 posts

    Posted 05 Sep 2017 Link to this post

    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
        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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top