Floating Menu

You can drag the menu by clicking the "window" or panel's heading bar.

An administrative floating, draggable menu for a custom CMS. The javascript is a bit heavy as I'm using jQuery, jQuery-UI, AngularJS & Angular-UI-Bootstrap. I'll investigate removing the jQuery & jQuery-UI in the future for just AngularJS as well as removing Bootstrap's transition.js for AngularJS' ng-animate directive.

The Transclusion Test

This was more or less a test to see if the Angular-UI-Bootstrap directive for accordion would be transcluded correctly into the directive I created for making draggable elements.

Future Enhancements & To Dos

  • Settings dropdown options for the floating menu.
  • Resizeable. Done, check other pen with AngularJS Windows.
  • Restrict vertical size so it doesn't fall off the window's page. This may mean the menu inside needs to be scrollable. Done, made window body content scrollable, check pen AngularJS Windows.
  • Test draggable elements within the menu. Done.
  • Mike
  • Mary
  • Doug
  • Catherine
  • Jake
  • Nareen
  • Marketing
  • Communications
  • Education
  • Graduate
  • Undergraduate
  • Admissions
  • Web Services
  • Admissions
  • Undergraduate Catalog
  • Advising
  • Marketing
  • Catalog
  • Advising
  • Admissions
  • Generic
  • Marketing
  • Catalog
  • Admissions