title: Non-Modal/Modeless Dialogs in AngularJS without using jquery-ui
body: <p>I am trying to create non-modal dialogs in my AngularJS app.</p>
  
  <p>The app uses Bootstrap as well.</p>
  
  <p>I am trying to create a draggable dialog, which remains active while the rest of the background can be interacted with (non-modal definition).</p>
  
  <p>So, far I have played with Bootstrap modal which doesn't fit in with the above requirement.</p>
  
  <p>This library:
  <a href="https://github.com/jwstadler/angular-jquery-dialog-service" rel="nofollow">https://github.com/jwstadler/angular-jquery-dialog-service</a></p>
  
  <p>is exactly what I need, with one drawback this uses JQuery-UI (which I can't use, as it is too big)</p>
  
  <p>Any pointers on how to achieve this with least dependencies ? </p>
  
  <p><strong>EDIT (20 August, 2014):</strong> 
  I ended up writing javascript code for the non modal dialogs, all working good as required. </p>
  
  <p><strong>EDIT (28 April, 2015):</strong> 
  Since, I can not post the answer here to my own question. This page should be seen just as findings.</p>