| Content | Selecting this command allows the user to view the entire structure of SimpleNotes in the Content mode (without details). Selecting the SimpleNotes logo link does the same thing but preserves the current viewing mode (with or without details |
| Details | Select this command to toggle the viewing mode between Content and Details |
| 3 levels only | Select this command to see only 3 levels of a hierarchial view. |
| Level+1 | Select this command to show one more level (the implicit number of levels to show is 100, so it is reasonable to select the '3 levels only' command before selecting this one.) |
| Level-1 | Select this command to show one less level (again, the implicit number of levels to show is 100, so again, it is reasonable to select the '3 levels only' command before selecting this one.) |
| New | Select this command to add a new Note. Then select the parent node. You may choose the highest level by selecting the SimpleNotes logo at the top of the page or you may select the parent of the item you wish to add. Again, entries may be entered at any of the sub-levels. |
| Edit | Select this command to enter into the edit mode. Then select the note you wish to edit. |
| Delete | Select this command to enter into the delete mode. When in the delete mode, select the note you wish to delete. BE CAREFUL!. This command does not require confirmation. The root node (the highest level reached by clicking on the SimpleNotes logo) is excluded from the delete mode. |
| Move | Selecting this command will put take the user into the mobr mode. From here, you select the item you wish to move and where you wish to move it to. The whole tree structure you select is moved to the new location. |
| Help | This command shows this help document. |
| Logo and other nodes | Selecting the SimpleNotes logo or any other node (any hyperlink under note) will move the view to the hierarchical structure below the selected node. |
SimpleNotes may very easily be modified to match your site by simply changing the the snotes.css file. The description of each CSS selector is as follows:
|
hdr1 |
Controls the look of the various states (link, visited, hover, active) of the SimpleNotes Logo Hyperlink. |
|
menu1 |
Controls the look of the varous states (link, visited, hover, active) of the menu selection (Content, Details, 3 Levels Only, Level+1, Level-1, New, Edit, Delete, Move and Help) hyperlinks . |
|
title1 |
Controls the look of the varous states (link, visited, hover, active) of the note name hyperlink of the top most hierarchical structure. |
|
title2 |
Controls the look of the varous states (link, visited, hover, active) of the note name hyperlink of the second hightest level of the hierarchical structure. |
|
title3 |
Controls the look of the varous states (link, visited, hover, active) of the note name hyperlink of the third highest level of the hierarchical structure. |
|
page1 |
Controls the color of the background page which may or may not be visible on your browser. |
|
header |
Controls the look of the Header Table background and any elements you may add into the Header Table. |
|
menu |
Controls the look of the Menu Table background and any elements you may add into the Menu Table. |
|
description |
Controls the look of the Description Line of the note. |
|
fulltext |
Controls the look of the Full Text Block of the note. |
|
normal |
Use to control the look of any text not listed above. |