Kupu is a WYSIWYG content editor inside Silva. It allows Authors to add text, links, images, tables, citations, abbreviations, acronyms and index items and more.
Kupu uses many of the same commands as typical word
processors such as Microsoft Word.
In Silva the Kupu editor is usually configured so you cannot change the font
face to a different font or color. These settings are set by
the Manager to ensure a harmonious look to the site.
You need to have been given access to Silva as an Author, Editor or Chief Editor. Access usually given to you by the Chief Editor or Manager.
You will need to have one of the following browsers on your computer:
Log in to the contents screen (Fig. 1.)
Look at the documents listed under the modify heading
and click on the name of the document you wish to
edit. In Fig. 1. you would click on tree to edit the
tree document.
If you wish to add a new document see add content then click on the title of the document listed under the modify heading to reach Kupu.

Fig. 1. Contents screen
After clicking on the document you wish to edit you will be taken to the Editor screen. (Fig. 2.)

Fig. 2. Editor screen and Kupu Toolbar
In the editor screen you have a choice of two editors. The button for the one currently active is highlighted. If the forms editor button is highlighted, click on kupu editor to open the Kupu Editor. If you want to use the kupu editor always, check your user settings.
The Kupu Editor is divided into three areas: the Toolbar, the central editing area, and the Toolbox running down the right side of
the screen. The Kupu Toolbar is just below the Silva top navigation (Fig. 2).
Kupu uses many of the same commands as typical word processors. The buttons in the Toolbar controlling bold, italics and underline are the same as in Word. To change a word or words use your mouse cursor to select the text and then click the appropriate button in the Kupu Toolbar.
(Fig. 2) For example if you select some text and press the B
icon, you will add or remove bold highlighting to the selected text.
To change the size of your text make a title, heading, sub heading etc. Click onto the drop down list in the tool bar with the default style plain.
Roll your mouse over the other toolbar icons, they are: save, bold, italics, underline, subscript, superscript, numbered list, bulleted list, definition list, undo, redo, spellcheck and edit html.
Using the Toolboxes located on the right of your
screen, you can add links, images, index items,
citations, abbreviations, acronyms, external sources, tables, table of
contents and typographical characters to your document. At the base of the toolbox is another save button. The
instruction for the Toolbox options are below.
Remember
to save your work often when working in Kupu. If you preview or
refresh your screen without saving your work you might lose it.
There are three ways to save a document:
click the floppy disc icon in the top tool bar to save your work. (Fig. 3)

Fig. 3. Click on the floppy disc icon in the top tool bar to save your work
click save document that is located in the bottom of the Toolbox on the right hand side of the editing screen.
use the keyboard shortcut alt-s
Note: all new work added into a document must be saved before you change or refresh your screen. If you try to leave the page without saving you will be prompted to save.
As well as typing text into Kupu you can copy and paste text from a web page or a word processor.
Highlight the appropriate text.
Type the URL or web address into the links properties area in the right hand tool bar. (Fig. 4.) Include ”http://” in the URL, and click insert link.
For example: insert a link to http://www.infrae.com/
Internet Explorer users, you will notice that the text selection will
not appear to be selected. However as soon as you enter the URL and click insert link the URL will be inserted in the text.

Fig. 4. Adding a link
Click get link reference... and locate an item within Silva (Fig. 4).
Click save.
To edit a link, first place the cursor within the link text. The link Toolbox will highlight. This option only appears when the cursor is on an existing link in your document.Type in the new path or web address into the links properties area (or use the get link reference button if the link is within your Silva site).
Click update link.
Click save.
Silva provides an indexing facility for your text. This means you can create an index of your work as you write your documents.
For the index to work you need to first add an Indexer in the Folder or Publication your document is contained in. The Indexer is added outside Kupu in the contents screen. (Fig. 5.)
Only documents that are published will be indexed. The Indexer should be updated whenever new index items are published. To update the indexer go to the edit screen for the indexer and click update.

Fig. 5. Add an indexer in the container screen
Click your cursor next to the text that you wish the indexer to reference.
Move your cursor to the index item toolbox on the right and type the keywords (the words that will appear in the index) into the index input form in the toolbox. (Fig. 6.)
Click insert index. You will see the keywords highlighted with yellow in the area you clicked your cursor. The highlighted words will be invisible when you publish your document, they will just appear inside the indexer.
Click add index.
Click save.

Fig. 6. Index input form
You can add an image from within Silva or upload an image from your computer.
Place the cursor where you want the image to appear in your document.
Click get image reference... (Fig. 7.) this is located in the toolbox on the right.
In the resulting pop-up screen select the radio button next to the image you wish to add and click place reference....
Then click save.

Fig. 7. Adding an image
To upload an image from your computer into Silva, place the cursor where you want the image to appear in your document.
If you want to upload many images you can import them via a zip file.
In the toolbox on the right click on the get image reference link. (Fig. 7.)
In the same spot a link called new image.... will appear, click on this link. (Fig. 8.)
In the popup window upload your image, click save.
In the screen that follows select the radio button next to the image and click place reference....
Then click save.

Fig. 8. Uploading an image
To align an image in Kupu, click on the image. A toolbox will open on the right of the screen. (Fig. 9)
Align your image by choosing a position from the drop down list next to image alignment.

Fig. 9. Image toolbox appears when you click on your image
If the current image is displayed at less than full size.
Click on the image. A toolbox will open on the right of the screen. (Fig. 9)
Check the radio button next to hires version.
Click save.
Click on the image. A Toolbox will open on the right of the screen. (Fig. 9)
In the tooltip text area type the text you would like people to see as they rollover the image.
Click save.
If an image is fairly large either in scale or file size you can resize it within Kupu.
To resize your image click on the image. A Toolbox will open on the right of the screen. (Fig. 9.)
Click on the edit image...
link. To make the image smaller you can choose a percentage and
enter it in the text box next to scaling. Follow the onscreen
instructions for other ways to resize or crop your image. (Fig. 10.)
Click save.

Fig. 10. Resizing or cropping an image
To add a descriptive rollover to abbreviations and acronyms. Highlight the term (e.g. i.o.u.) then type the full name in the abbreviation Toolbox located on the right side of the screen, then click add element. (Fig. 11.)
Then click save.

Fig. 11. Adding a rollover to abbreviations and acronyms
Place the cursor where you want the external source to appear in your document then click add external source (Fig. 12.)
Then click save.
Further details on adding an External Source

Fig. 12. External source
Click on add external source and fill in the details of your external source in the text area. (Fig. 13.)

Fig. 13. External source text area
To add a citation or reference to the body of your document.
Click your cursor where you want to citation to appear in your document.
Fill out the citation form located in the toolbox on the right and click insert citation. (Fig. 14.)Then click save.

Fig. 14. Adding a citation or reference
View the citation in your document by clicking on the public preview tab in the top navigation area. In the Kupu editing area you will just see a blank form. (Fig. 15.)
Global Theatre
Fig. 15. Citation view
To add a table.
Place the cursor where you want the table to appear in your document.
Move your cursor over to the table toolbox located on the right.
Choose the table properties in the table properties area of the toolbox. (Fig. 16.)
Click add and then click save.
Kupu uses percentages internally to scale the table.

Fig. 16. Adding a table
Click anywhere on the table.
This will change the tables Toolbox located on the right, to the options in Fig. 17.

Fig. 17. Editing options for a table
You can add or remove columns and rows and also change the ratio of the column widths.
In Kupu you can add an automatic table of contents to a document or a folder.
To add a
table of contents for the items in your folder or publication go to the
“table of contents” properties in the right hand toolbox. (Fig. 18.)
Select the level of nesting you wish to reveal from the drop down list and click add toc. You will see the words Table of Contents appear in your document highlighted by a yellow background.
Click save.
To view the table of contents click on public preview... in the navigation bar above the Kupu Editor. Use your browser’s back button to return.

Fig. 18. Adding an automatic Table of Contents.
When
you have created a table of contents in your document, the table of
contents properties area changes to reveal two more options. You can change the number of levels in your contents.
Click the drop down list to choose a different level and then click the change toc button to save this change. To delete the table of contents press the delete toc button. (Fig. 19.)

Fig. 19. Editing or deleting a Table of Contents
The
following typographical characters can be added to your document by
copying and pasting them from the toolbox area. (Fig. 20)

Fig. 20. Typographical Characters.
s save
b bold
i italic
u underline
- subscript
+ superscript
# numbered list
* bulleted list
= definition list
z undo
y redo
h html source
With the cursor inside the editor right click your mouse to get a context menu with these editing shortcuts. (Fig. 21)

Fig. 21. Mouse shortcuts
If you are inside a table right click your mouse to get these extra shortcuts. (Fig. 22.)

Fig. 22. Mouse shortcuts inside Tables
Kupu is Maori for message or word, kupu kupu is Indonesian for butterfly.
The kupu logo is a butterfly :)
© Copyright 2002-2006 Infrae.
All rights reserved.