Frequently Asked Questions

Notice: You are browsing the FAQ Section of this site. To view our general blog, click here.
Posted 2 months ago

File Manager Basics

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.


Posted 2 months ago

Introduction to File Storage

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:

To upload files, simply click the right "arrow" button on the bottom right corner of the interface. From there, you can select either to upload or create a new folder.



Selecting objects

To select an object, simply click on the table cell. You will see a "check mark" on the top right corner of the page to know that you've selected it, and also a push of the table cell to the right.



 Additionally, if you click said "check mark", it gives you the ability to select multiple files at once.



"Actions"

Click the "Actions" button in the top-right corner, and there are a variety of options. They're the type of options that you would typically see on your File Explorer on a PC when you right-click an item.



Toggling Display

Our current file manager has the option to view the file list by thumbnails. To do so, simply click the "Thumbnails" button as seen above. Here's how it would look like. By default, it is on "List" view.



Directory Traversal

If you had went to another folder, simply click the "Go Back" button on the top left corner.

If you want to go back to the root directory or another folder somewhere up the chain, simply click the "Files" folder, or any other folder in the breadcrumb shown below. "y_folder" and "x_folder" below are clickable, navigable folders.



Downloading a file

To download any file, simply select it, click the "Actions" folder as seen above, and select "Download".


Posted 3 months ago

Categories

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. 



Posted 3 months ago

(NEW) Flashcards

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
Flashcards are structured like this:
Flashcard Sets have a set of questions, or flashcardsQuestions are also grouped into categoriesThis might seem complicated, but it is simply a structure for organizing flashcards and questions. Categories are how you organize questions in the flashcard manager, whereas flashcard sets are what appear in the canvas.



Viewing/Sorting cards
Viewing/Sorting all your flashcard sets, flashcard questions, or categories can all be managed in the "Flashcard Manager". Simply go to the paintbrush icon in the top left corner, and click "Flashcard Manager".



From there you will see tabs related to flashcard concepts.


The actual flashcard sets themselves can be seen in the "Flashcard Sets" tab if you want to see them. 


Adding flashcard sets

Lastly, if you want to add a new flashcard, go to the "Add New Object" panel and select "Flashcard". There you will see the panel to edit the flashcard set, and add all the questions that you want.





Adding questions to the current flashcard set is as easy as clicking a button!

That interface also appears when you edit your flashcard sets.

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!

Posted 4 months ago

Pasting Options

As the majority of our objects created at Note Canvas are Text Boxes, we have made a dedicated "Pasting Options" feature to configure how content from other site is pasted here.

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.


Posted 4 months ago

Clone Object

You can clone an object by simply right-clicking over an object, and clicking "Clone Object". The name of it will be the one with the prefix of (COPY)


Posted 4 months ago

Creating a new object

To create a new object, simply click the "Create New Object" button on the top right corner!

Types of Objects

As of the last edit, there are currently 9 different object types that you can upload. More will be added in the future!


Posted 4 months ago

Object Properties

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"



Click the "Object Settings" option on the top left corner.

Default Options

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.


Posted 4 months ago

Deleting an object

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.

Posted 4 months ago

Text Box Functions

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.

Credits

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.

(Close)