The content you type in each note is plain text. However you can use Markdown formatting if you prefer (like headings, font formatting or lists).

Notes are styled as 'post-it' stickies (handwritten text on a yellow background). Using a checkbox setting in the stack, it is possible to change the CSS for the note. If you know the basics of CSS, then you can easily change their fonts, style or colouring to suit your requirements.

Screenshot

Here is a screenshot showing how a typical Notes stack looks in RapidWeaver edit mode, on a Stacks page type.

A screenshot of the Notes stack for RapidWeaver

Setup

Using Notes is relatively easy, if you already have experience of downloading, installing and using new stacks.

  1. Download and install Notes in the normal way.
  2. On your Stacks page, open your Stacks Library. Search for 'Notes'.
  3. Drag and drop a copy of Notes into the page.
  4. Double-click the 'lorem ipsum' dummy content, to add your own.
  5. Click off the stack to 'lock' your content in place.

Simple Markdown syntax is supported, if you want to add some basic formatting to your notes. Tags like bold, italic, headings and lists should work fine. Links and images also work, but are possibly of more limited use in this stack.

If you need to change the style or colour of your note, use the settings in the Stacks side panel to accomplish this. We just use regular CSS code to change the style of these notes.

Multiple Notes stacks can be safely used on the same webpage. You can drag and drop them in amongst other stacks you might be using already.

Notes can be saved as partials, externals or templates in newer versions of Stacks, if you need to reuse them multiple times. They are never exported or published. Nothing will be displayed when you preview your webpage in RapidWeaver.
 

Contribute

If you find this stack element useful in your personal or commercial web projects; please consider making a small contribution towards ongoing support and updates. There are many different ways you can contribute to the Stacks4Stacks project, and benefits for doing so.