How to add note to image
From TomatoCMS Documentation
From 2.0.4 version, TomatoCMS allows user to add note to images taken from multimedia module. This article guide you how to add a note in front-end and manage the notes in back-end.
Create new note
It's easy for your website's visitor to add new note to image.
- First, click your mouse on any position inside the image, drag it to the desired position.
- You can resize the note by moving the mouse to sides or corners of note, press and hold the left mouse button, resize to desired size and release your mouse.
- To update the content, click on the content area and make your change and don't forget to press Enter.
- Finally, click on Save link to update your note content and position.
By default, all notes won't display as soon as they have not approved by the administrator.
Show or hide notes
If the image has notes, at the first time all of notes will display by default. To view the image without notes, you can click on Hide all notes link and vice versa, click on Show all notes to view notes.
Move your mouse over note rectangle to see the content of note.
Manage notes
From the dashboard in back-end, click on List notes to goto page of managing notes.
In this page, you can click on Activate/Deactivate link to activate or deactivate a note. You also can click on Delete link to remove associated note.
Click on image if you want to view the image including its notes in front-end section.




