title: how can I set the position of modal dialog in angular bootstrap ui?
body: <p>I'm trying to open a modal dialog at a location where the user clicked.
  the modal dialog should open from a timer event, basically mouseDown start a timer, and mouseUp clear it, if enough time passed I want to open the dialog.
  The dialog need to be opened at the location of the click.
  I implement it all, but I do not know how to set the location of the dialog, I'm using angular bootstrap modal dialog.</p>
  
  <p>any idea ?</p>
  
  <p>here is a snippet of my code.</p>
  
  <pre><code>  var timer = null;
    var lastSceneSelectedLocation = { } ;
    // handle / prepare for context menu event
    $scope.mouseDown = function(event) {
      lastSceneSelectedLocation.x = event.clientX;
      lastSceneSelectedLocation.y = event.clientY;
      timer = window.setTimeout($scope.openSceneMenu, 1000);
      // tap and hold for 1 second to open menu
    };
    // cleanup context menu event
    $scope.mouseUp = function() {
      window.clearTimeout(timer);
    };
  
    $scope.ScenesContextOptions = ["Move Back", "Move Forward", "Duplicate", "Delete"];
    $scope.SceneActionSelected = {};
    // context menu event
    $scope.openSceneMenu = function() {
      console.log("in scene context menu");
      var modalInstance = $modal.open({
              templateUrl: 'views/SceneModalDialog.html',
              scope: $scope,
              windowClass: 'sceneContextMenu'
  
          });
  
          modalInstance.opened.then(function () {
            console.log('modal opened');
          });
  
          modalInstance.result.then(function () {
              console.log($scope.SceneActionSelected);
          }, function () {
              console.log('Modal dismissed at: ' + new Date());
          });
    };
  </code></pre>