Stickynotes
Stickynotes behave similarly to the Stickies application and Dashboard widget on Mac OS X. On each node, you can attach floating stickynotes that can be resized and edited independently of the node itself. Remembers absolute position and size on the page. Originally intended for internal annotations, Stickynotes could have multiple purposes.
Please note, this module is not completed. Crucial functionality is missing. I post this current version mostly as a proof of concept, although I intend to continue development.
Example
There is a stickynote on this page (see yellow box to the right of this text).
Requirements
- Drupal 6.x
- JQueryUI module
- jQuery UI library, a requirement of the JQueryUI module
- To run JQuery UI library version 1.7 (recommended), you will need to also enable JQuery Update 6.x-2.x to have jQuery 1.3.x (currently 1.3.2), which JQuery UI 1.7 requires.
Installation
- Install, configure and enable the JQueryUI module. (installation instructions)
- Copy the Stickynotes module files to your site's modules directory, or "/sites/all/modules." Enable the module in your site administration.
Configuration & Use
- Navigate to Admin » Configuration » Stickynotes.
- Enable Stickynotes on one or more content types and click Submit.
- Note: There are some new user permissions to enable.
Add a Stickynote to a Node
- Navigate to a node of a enabled content type (or create a new node).
- In the local tasks (tabs), you will see Add Stickynote. Click this and the page will reload with a new yellow stickynote.
Edit a Stickynote
- Double-click on a stickynote to enable the editing mode. Under the default styles, the background will change to white.
- By current design, the default input filter (e.g. "filtered HTML") is used.
- To save the changes (and exit the editing mode), click anywhere outside of the stickynote. Under the default styles, the background will change back to yellow.
- If there was any HTML included in the note, you will now see it properly formatted.
Move or Resize a Stickynote
As long as you are not editing the stickynote (i.e. as long as the background is yellow), you can click anywhere in the stickynote and drag it on the screen. The position will be saved to the database so the next time you refresh this node, it will remember its location.
You may also resize the stickynote by clicking on the bottom-right corner and dragging to resize. You can also click the right or bottom edges and resize. (This behavior should be similar to resizing any standard window in a GUI.)
Delete a Stickynote
Support for deleting stickynotes is forthcoming.
Downloads:
