1. In default.asp (or whatever the page on which the techbox is going to be shown is called), update the subjectID number and pagetitle values
2. In scripts/site/bodybannernav.asp, allocate the new directory name (sPath) to the appropriate subroutine to get the correct banner appearing.
3. In scripts/site/new_pgContent.asp, allocate the new directory name (sPath) to the appropriate subroutine to get the correct content code presented.
4. In scripts/site/new_pgFooter.asp, allocate the new directory name (sPath) to the appropriate subroutine to get the correct footer code presented.
5. In scripts/site/new_skintools_common.asp, add an appropriate case (or append to an existing one) to have the correct session variables set up.
6. If this is a new account, make sure you add a "Guest User" to the class password in the sbPrepareSessionVariables subroutine in the above file.
7. In scripts/site/new_pgHeader.asp, allocate the correct header and .css files to the page

Enter "DELETE" in the tab label field of the tab you wish to delete and click on the "Save" button.

The field will be deleted from the database (although it will still remain visible in the editor until you reload the module).

1. A 'STP' is a Single Text Page.  This is exactly as the name describes - a single page occupying a single tab on the dashboard.
2. A 'MTP' is a Multiple Text Page.  This is a collection of 'pages' occupying a single tab on the dashboard.  A sub-navigation bar is automatically generated for each page; the bar is inserted at the top of the tab's content.
3. A "UTP" is a Utility Text Page.  Utility pages include the glossary, slideshow, quiz and downloads tabs. The text contents of a UTP are inserted into the tab "above" the output from the tab.  You would use a UTP page to insert information that describes the use or value of the particular utility page to the user.

You have to use the HTML editor for at least part of this task.

Give the image the id of "firstimage" - the code will do the rest.

This works slightly differently to the procedure used for slideshows etc.

Enter the string !DLXXDL! for a single link or !DLXX,XYDL! for two links (and so on).

The XX and XY are the download link IDs (you will have to get these from the File Transfers wizard)

Notice that if you have more than one link, the link IDs are separated by a comma.

The !DLXXDL! is expected to appear alone on its own line in the text e.g.

!DLXXDL!

Whenever you update the download files (using the File Transfers wizard), you need to update the page(s) in the Techbox that use the download files.

When you are creating a text page (to provide content for a set of tutorial links), you will be prompted for the display order.  

Within the selection you have to choose from appear the options "base tab" and "utility tab".

The "base tab" option is used for the first content of the first tab of the module.

The "utility tab" option is used for ????

Enter the class "dontsplit" in the element or elements surrounding container.

The basic structure is:

Accordion title here


...
... elements
...


The element options are tables or divs.

The 'dontsplit' class is not compulsory but is recommended else the columniser renders the first column of a split accordion structure inoperable.

You can enter this code in manually from within the HTML window, or select the "Accordion" template from the template option on the editor's menu bar.

A table is called by adding the string:

<div class="generatetable" id="DT00001"></div> or

<div class="generatetable_f" id="DT00001"></div> if you want the table to fit the full page width.

A set of links is called by adding the string:

<div class="generatelinks" id="DT00001"></div>

In both cases, the number (00001) is the ID of the dynamic table being generated or the link category ID. Both objects (tables and links) require the Webmaster to write code to link the calls to the database.

Enter a string of the type:

!TXname_of_fileTX!

onto its own line.

There are a couple of constraints:

1. You can only have one inserted file per page
2. The file is expected to reside in the textfiles folder

1. Link to techbox_ui.asp
2. For videos, append the string: ?id=doVideo&;item=x (where x is the ID of the video)
3. For slides, append the string: ?id=doSlides&;item=x (where x is the ID of the slideshow)

It is likely that you have selected a "wide format" slideshow - these can only be added to a "fullscreen" page.

The wide format slideshow displays text and an image in adjacent 'columns' on the page, with a navigation element to move from one slide to the next.

1. Get the link ID of the link you want to embed from the links manager
2. Prepare the hyperlink, setting the URL to #, the title to the link ID, and the class to getlink

The page into which the slideshow will be embedded must be formatted as a tutorial page with a single column (i.e. full width). 

Embedded slideshows will appear on the right hand side of the page.

A sideshow with images of about 400 px wide will take about about 50% of the page's total width.

On a blank line at the top of the page, enter

!SS12345

where 12345 is a zero padded five digit number containing the ID number of the slideshow (this is displayed in the listings in the slideshow wizard). 

For example, if the slideshow's ID was 85, you would enter:

!SS00085

1. Create individual files for each accordion element. Note that images embedded in the left hand column must either be centred or floated left (imgposr sends them to the bottom of the page!)
2. Set their display order as 'Utility'
3. Add a navigation element - this will be used in the accordion's headers
4. Have the files 'offline'
5. Create the page into which the files will be 'accordioned'
6. Use the structure !ACC1,2,3,4ACC! to create the accordion. 
7. Whenever you change the content of an individual file (step 1), you must open and re-save the file created in step 5.

These are connected to various page templates.

The green dots enclose a panel that will appear on the right hand side of the page

The red dots enclose a left hand side panel.

The page is probably being split into two columns and doesn't have enough p tags to do this.

This happens often when text from Word is pasted into the editor - instead of separating paragraphs with the p tag, it inserts to br tags instead.  Without more than 1 p tag, the javascript code cannot split the text between columns and it goes into a spiral.

The solution is to edit the page in HTML mode, replacing the double br tags for a close-p, open-p tag set.