Understanding user interface

Overview

The Ideolve interface is made up of

1. The Application Bar
2. The List view
   

Application Bar

On the bottom of the screen is the Application Bar. The options on the Application Bar allow you to switch between the

1. Home
2. Notifications
3. Mentions
4. User Settings
   

List view

The list view displays all the list of notes available in your account. Depending on whether you have selected Home, Notifications, Mentions the list view contents will change.

A. Home

1. Clicking on Home will show the list of Notes
2. Top of the Notes list is the Search Box. You can search through the notes using the keywords or authors specified here.
3. Notes which satisfy the search criteria are displayed in the list
4. If there is no search criteria defined, the note with the latest change or update will be at the top of the list
   

B. Notifications

1. The notifications list view will have the list of changes to all the notes you have created or shared with you. The latest notification will be at the top of the list.
2. Each notification has the following:
   1. The author
   2. The action taken
   3. The Note title
   4. The workspace to which the note belongs
3. Tapping on the notification will open the note
4. New notifications will be highlighted (with the color blue). To remove the highlight, 
   1. Navigate to the note by tapping the notification 
   2. Read & tap the comment / note
   

C. Mentions

1. The list of all notes or comments in which you have been mentioned  will be listed. The latest mention will be at the top of the list.
2. Each mention will have
   1. The author
   2. The action
   3. The Note title
   4. The Workspace to which the note belongs
3. New mentions will be highlighted (with the color blue). To remove the highlight, 
   1. Navigate to the note by tapping on the mention 
   2. Read & tap the comment / note
   

D. User Settings

The top of the list view shows the selected Notes filter. Tapping on the selected Notes filter will open the Workspace manager. Using the Workspace Manager, you can:

1. Change the Note filter 
2. Invite users / Rename workspaces
3. View the list of users invited to a workspace
4. Pin Workspaces
5. Create or send invitation to join workspaces
   

Note View

An Ideolve Note view consists of

1. Note header
2. Note content
3. Note comments
4. Action bar
   

A. Note Header

At the top of the detail view is the Note Header. The Note header is fixed at top of the Detail view and will not move even as you scroll through the note content and comments.

In the Note header you will see

1. The note title
2. The author of the note 
3. The date and time of the last update to the note
   

B. Note Content

The note content is the text, table and images you add to the note. Only note owners can edit the note content. The note can be formatted using the tool bar.

You can also insert files, images and links.

C. Action Bar

In the Action bar at the bottom, you will see the following:

4. A attachments icon to attach files to the note
5. A share icon, to share the note with other people
6. A delete icon to delete the remove the note from the list
7. A options menu holding options to share the note via other apps and to see associated users of the note
   

D. Comments

If you have shared a note with a collaborator, he or she can attach comments to the notes. You too can attach comments to your own notes. To attach a comment, click on the comment icon at the top right of the Note view.

1. Selecting the Comments tab will show a list of comments added to the note.
2. Select the comment to view the content of the comment.
   
3. At the top of a comment you will see the comment header. On the left side of the comment header you will see the following elements:
   1. Name of the author of the comment
   2. Date and time of the last update to the comment
4. If you are the author of the comment, you can delete the comment using the delete icon in the action bar at the bottom of the comment.
   
5. The comment header of a new comment will have the following controls on the right hand side
   3. Tool bar to format the content
   4. A delete icon to discard the comment
   5. A file attachment icon, using which you can attach documents to the comment
   6. A save icon to post the comment