Documentation‎ > ‎


Add a note

To add a note, first click with the right mouse button where the note should appear. Then select “Create note...” from the context menu (1): 

The new note will be in edit mode and has focus, so you can start typing immediately:

Edit a note

You can edit a note by just double-clicking on it. The edit mode is indicated by a red instead of a black border. Of course you can navigate with the cursor keys or the mouse within the text as you know it:

In addition, FloatNotes supports the Markdown syntax. This makes it possible to format the text in an easy way and even lets you add links or images (see some examples in the picture above).

To save the changes, either press CTRL + ENTER or click anywhere on the page.

To discard changes, press ESC.

Note: Moving or resizing does not end the edit mode.

Delete a note

There are two ways to delete a note:

1.  Hover over the note and click on the delete button in the menu:

2.  If activated in the preferences, you can delete a note from the context menu. Right click on the note and select "Delete note":

  • By default you will be asked for confirmation to delete a note
  • Notes in edit mode cannot be deleted

Move and resize

If you move the mouse over a note, a drag handler appears at the top (1) and a resize handler in the lower right corner (2):

Just click on them and hold the mouse button pressed to either drag or resize the note.

Minimize and expand

Notes can be minimized by double-clicking on the drag handler (1):

Minimized notes need less space on the websites.

When you move the mouse over a minimized note, it gets temporarily expanded, so that you can read its contents. If the mouse leaves the note, it gets minimized again.

You can expand a note permanently by clicking anywhere inside the note.

Note: Moving or resizing a minimized note does not expand it.

Pin a note

A pinned note will not move when you scroll a website. It will stay at the same position.

You can pin a note to the window by clicking on the Pin button (1) in the note's menu:

A note that is pinned as a thicker border:

You can do move, resize and edit a pinned note normally. To unpin it, click the Pin button again.

Hide and show

You can hide all notes on a website and you have two ways to do this:

1. By clicking the FloatNotes toolbar button. The button will turn grey and a tooltip indicates how many notes are on the website:

Clicking the button again will show the notes again.

2. If activated, you can hide and show the notes via the context menu:

  • While the notes are hidden...
    • ... no new notes can be created
    • ... the indicators are not shown
  • The notes stay hidden for the website if you change the tab or reload the page

Color and location

There are two further settings that can be set for each note individually: The background color and the location of the note. You can change both by clicking on the settings button (the middle one) in the notes menu.

Most items will show a tooltip with the URL that will be saved for the note if you hover over them. Read more about locations. Only those options are shown that are applicable for the current page.


The indicators are small boxes at the top and bottom left corner that tell if and how many notes are currently above or below your view. 

They appear when you scroll the page and disappear after a certain time. You can also set up, that no indicators should be shown at all. 

When you hover over an indicator, it shows you the first line of each note. By clicking on such an entry, the browser directly jumps to that note.

Notes manager

In the notes manager you can see all the notes you have created. It gives you the possibility to
  • search notes
  • save searches
  • open notes
  • edit notes (only color and text)
  • delete notes
The parts are:
  1. The search bar: Simple search for notes supported. E.g. foo bar will search for notes that contain in text ( + URL) the words foo and bar. The search is case-insensitive (i.e. foo yields the same results as FOO or FoO ).
  2. Result list: The notes that match the criteria are listed here. Notes can be opened by double-clicking on an entry. The list has four columns:
    • Title: The first line of the note. If available, the favicn of the website is shown.
    • URL: The URL the note is visible on. * means the note is visible on all webpages.
    • Created: The date and time the note was created.
    • Modified: The date and time the notes was changed the last. This also includes moving the note to a different position or minimizing/pinning the note.
  3. Saved search list: You can save searches (see next image) and give them any title. This gives you the possibility to create some kind of categories for notes. E.g. you could add special keywords at the end of the notes, like [todo] and save a search for this word. You can edit and delete saved searches. All notes is a predefined search that can neither be edited nor deleted.
  4. Editor: Select a note to edit its text or its color or to delete it. You can delete multiple notes at once (by selecting multiple notes) but you cannot change multiple notes.

Here is another example, showing better how saved searches work:

The saved search ToDo is selected (1) and in addition it is search for 24.12 (2). Below the search box, you can see which are the terms that are actually search for: todo and 24.12. You can save this new search by clicking on the Save button next to the search box.

That's it. Nothing more, but nothing less. Please let me know if you are missing essential features.