concepts > documents
Organizing your Documents
Last updated Invalid Date
- Adding Documents and Folders
- Moving Documents
- Drag and Drop
- Basic Organization
- Create a Folder
- Create Documents
- Create a blog Folder
You can work with all of your Documents flat, that is at the same level, but if your app will have more than a few pages or views, consider using Folders and planning a hierarchy, just as you would in a Desktop GUI OS.
To organize your Documents, go to the Folders section of the Tipe dashboard:
This takes you to the root of your app. Create a Folder here for grouping Documents. Notice in the following screenshot of one of our Starters, we have a single root folder called Starter Repo Docs.
Adding Documents and Folders
Inside, you can add additional Documents and Folders with the icons of a white, blank Document and Folder.
Add a new Document with this icon:
Add a new Folder with this icon:
To move a Document, hover over the document and click on the circle with the three dots that appears. You should see a menu with the options to Move to parent folder, Roles, and Delete.
The three options do the following:
- Move to parent folder: moves Document of Folder up one level in the directory hierarchy.
- Roles: opens a dialog to let you specify who can edit a Document.
- Delete: deletes the Document.
Deleting a Document or Folder is permanent. They cannot be restored.
Drag and Drop
You can also move a Document by dragging and dropping it onto a Folder.
You can only do this going deeper into the directory structure, not back (or up) the directory. To go up, use the menu discussed above to Move to parent folder.
The following is a demonstration of how you could potentially organize your content.
Create a Folder
In the Folders section of the Tipe Dashboard, create a Folder called
MyProject at the root level.
For more detailed information, see Folders.
MyProject Folder, create new Document called
HomePage Document, add a title Block by clicking on the plus icon and choose Simple Text:
Next, give it the name of "Title" as in the following:
Repeat these steps to create a page called
AboutPage. Give it a Simple Text Block that you name
Create a Blog Folder
Still inside the
MyProject Folder, create a new Folder called
Blog, create new Document called
In this new Blog Document, create a
Title just like in the
HomePage. Click the plus sign icon, choose Simple Text, and name the new Block
Next, add another Block for the main body of the page content. Here, we've chosen a markdown Block and named it
For more details and options, see Blocks.
In this section, we covered the basic organization for a website with a home page, an about page, and a blog. We created the following structure:
- A root Folder called
- Inside of
MyProjectwe created two Documents;
AboutPage, each with a Block called
- Also inside of
MyProjectwe created another Folder called
- Inside of
Blog, we created another Document called
Articleand gave it two Blocks;
Titlewas Simple Text and the
Bodywas a markdown Block.
Here is a diagram of what we just did:
This is a suggestion to give you an idea of how you might like to organize your Documents and Folders.
Still have questions?
If these docs haven't answered all your questions, email us at firstname.lastname@example.org or start a chat with us in the Tipe Dashboard. We're always working on our docs and welcome suggestions.