The File Manager has three parts: the dashboard, the image viewer, and the file viewer.
In this topic, we'll be covering the dashboard and the image viewer only. The "File Storage" interface is discussed in another page. Feel free to check it out later!
The dashboard is simple enough, it shows your upload statistics counting all your files, and also your uploaded images and files.
Click on any image to see all its details.
Note Canvas has added a new "file storage" feature where you can store all your files. This file storage is separate from the location of the files and images that were uploaded from text boxes, image objects, or embed objects.Uploading, and creating folders:
Using Categories are one of the ways that you can organize your notes in Note Canvas. Think of it like the equivalent of a chapter in a book.
Categories are multi-level, meaning you can add a category inside of another category.
Aside from other categories, canvasses can also be placed here. The most recently visited canvasses appear at the top of each category.
As far as display is concerned, you can toggle a category's setting to show its subcategories, and this option will be remembered when you refresh the page.
To add a new category, click the blue "Plus" button at the top left corner.
To edit a category's settings, click the blue "Cog" button at the right side of any category to open the "Category properties" modal.
After a few days of agonizing over the UI programming, I have finally completed the creation of Flashcards!
Flashcards are often used by students to memorize terminology. Studying via flashcard uses active recall, which is a means of memorization by stimulating your brain in one particular piece of information. It's usually terminology, but it can also be other things that have to be memorized.
There are three aspects of this new Flashcard functionality:The Flashcard Set
That's all for flashcards! Hopefully that clears some things up.
If you have any concerns, feel free to ask in the comment section below. Thanks for reading!
The first time you ever pasted text content on a text box, this box will appear. You can configure what styling you want based on the options on the left hand corner.
This option will only appear the first time if you select "Use my selected options automatically". However, if you need to change the option, you can always click the "Pasting Options" icon on the top left corner of the canvas.
To change an object's properties, you can either:Right click an object in the object list (or the object itself), and click "Object Properties"
Each object will have a different set of properties depending on the type of object it has, but all objects have common properties, namely their object name, mode, and their visibility.Object Name: Self-explanatory.Mode: This decides how it will interact in the canvas. These are the following modes that exist:Display Mode: The object stays in place.Move Mode: The object can be moved.Resize Mode: The object can be resized.Visibility: choose whether to display this object or not in the canvas. You can still select it in the canvas if it's hidden, it merely hides it within the bounds of the canvas.Order: Objects have a default order within the structure of its parent canvas. More information is found on the tutorial for Object Lists.Object Type-Specific
There are some objects who have settings unique to their own object type. As of now, text boxes and plaintext objects have their color preset, and background opacity editable.
To delete an object, you can right click an object in the object list (or the object itself), and click "Delete Object".
The concept of soft deletion
When you choose to delete an object, the object is still in the database, just not listed as an object in the object list.
However, if you want to permanently delete an object, you can choose to delete its parent canvas. This will, however, delete all the other sibling objects.
Text boxes have a special function wherein you can upload images inside of the text box. You can either click the image button on the menu, or manually paste an image (if you're on a PC/Mac).
To manually paste an image, simply press "PrtScSysRq" or Print Screen System Require, and then press CTRL + V.
All images uploaded in a text box also have an option to be cropped, which is discussed in the next topic, Image Cropping.
Summernote is a very widely used JS Rich Text Editor, and that is what we are using for this text box. It cannot be overstated how well-programmed it is.