Link Manager

Prerequisites

1.	If you would like to modify images associated with each link, you should be aware of the CSS sprites technique

This topic applies to the Admin Links as well as the User Links windows. These windows can be used to modify the order of links in the navigation menu and to edit, delete or add links.

Both the Admin Links and the User Links windows are similar and can be used in similar ways. The Admin Links window acts on the admin area navigation menu while the User Links window acts on the user area navigation menu.

A screenshot of the Admin Links window is shown below:

Cool Wave Admin Links Window

Navigation Tree

The navigation tree shows the navigation menu in a tree format which each node representing a link. You can click on the nodes of the tree to edit that link. The screenshot below shows a link being edited:

Cool Wave Admin Links Edit

The Link Text is the text that appears for each menu item. The URL is the URL that is called when you click on the menu item. The Icon can be either just a 16 x 16 pixels image name or can be the image name followed by the left and top offset pixels (all separated by commas) to move the image using the CSS sprites technique to show the icon.

You can drag and drop the links to reorder them. While dragging, if you hover over a link that is expandable for a few seconds, it will expand. You can also scroll the window while dragging a link by moving the cursor to the top and bottom edges of the window. The screenshot below shows the link Term being relocated to between the Customer Information and Invoices links:

Cool Wave Admin Links Reorder

The screenshot below is after the link is dropped. The pencil icon indicates that the link has been either edited or relocated, but not yet saved to the server:

cool wave admin links after reorder.zoom25

Cool Wave Admin Links Reorder Completed

Delete Link

The links from the navigation tree can be dragged to the trash can at the top right to delete the link. The screenshot below shows the Company Information link being dragged to the trash can to delete it:

Cool Wave Admin Links Delete

The screenshot below is after the link is dropped on the trash can. The cross mark indicates that the link has been deleted, but the change has not yet been saved to the server:

cool wave admin links after delete.zoom25

Cool Wave Admin Links Delete Completed

Toolbar

•	Save Changes button: After you have made changes to the navigation tree, click on the Save Changes button to save the changes back to the server. The screenshot below shows the 5th change out of 10 being saved to the server:

Cool Wave Admin Links Save Changes

•	Discard Changes button: Click on this button to discard the changes made and restore the navigation tree from the server.

•	Create New Link button: Click on this button to add a new link to the navigation tree. This brings up the same edit box as the one that comes up when you click on an existing node. The screenshot below shows the navigation tree after a new link has been added:

Cool Wave Admin Links New Link

The new link icon next to the link indicates it is a new link that has not yet been saved to the server. You can reorder it by dragging and dropping it where required and then clicking the Save Changes button to save it to the server.