New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

How to control the position of the modal advanced form


Control the position of the modal advanced form


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


<style type="text/css">
   /* Static advanced form positioning */
      top: 0px !important;
      left: 0px !important;      
      display: none !important;

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

Or the dynamic approach which allows repositioning of the advanced form through dragging:

<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" });
In this article