How to control the position of the modal advanced form

HOW TO

Control the position of the modal advanced form



DESCRIPTION

By default, the modal advanced form appears centered with respect to RadScheduler. You can override this behavior with either css or javascript.

SOLITION

css

The static approach has one limitation - it does not allow the form to be moved around through dragging.

Or,

javascript

<script type="text/javascript">

        // Dynamic advanced form positioning

        $telerik.$.popupDialog.prototype._positionForm = function() {

            // This will be called each time the form needs to be repositioned

            var $ = $telerik.$;

            $(this._targetElement).css({ top: "200px", left: "0px" });

        }

    </script>

The dynamic approach allows repositioning of the advanced form through dragging.