1. Highlight the text the visitor is to click to download the file
2. Click the link icon in the editor toolbar
3. When the popup window appears click the browse icon to the right of the URL field
4. Click (open) the ‘files’ folder and either select a previously uploaded file from the list or browse your local PC to upload a new one.  Note: if a ‘files’ folder is not present you can create one with this popup screen. Is is always a good policy to keep downloadable files separate from images.
5. In either case once you have selected your file set the target to ‘Open in a new window (_blank)’ when the Insert/Edit popup window appears.

Typically they take the form of a bulleted list at the top of the page with hyperlinks to sections further down the page.  In this way clicking on a link at the top of the page will take the visitor directly down to the section of interest, without them having to scroll down to find it.

These instructions apply to CMS made Simple, or any other application that uses the TinyMCE editor. If you are a little unsure of the TinyMCE editor icons refer to this downloadable quick reference chart.

Here are the steps to insert anchors into a page:

• Decide what points you want your visitors to be able to go to when they click on a link at the top of the page. Usually these will be sub-headings at the start of each section.
• Click to the left of each of these sub-headings, click the anchor icon in the editor’s menu and insert a name for the anchor. Make this either the same as the sub-heading or an abbreviation of it. When you click insert you will see a little anchor symbol appear next to the sub-heading. This is only a marker in the editor and will not be visible to the public.
• After you have created the anchors go back to the top of the page and create the bulleted list of hyperlinks. The list items should contain the same text as the sub-headings that you are linking to.
• Working with each list item in turn:
  1. Highlight the text that will form the link.
  2. Click the plain link icon in the editor menu
  3. Click the drop down arrow on the ‘anchor’ field and select the anchor you wish to link to.
  4. Add a title – once again the same as the sub-heading text
  5. Insert.

That’s It!

Step 1

• Insert the first (small) image in the usual way.

Step 2 - link the first image to the pop-up image

• Select the small image and click the [link] editor icon.
• Click the [Pop-up] tab and check the ‘Javascript Pop-up’ box.
• For the ‘Pop-up Url’ field browse and select the (large) image that you want to display in the popup window.
• Allocate a ‘Window name’ (can be anything)
• ‘Size’ is the size of the pop-up window – make it about 40px larger than the large image.
• Enter c in both ‘Position’ boxes
• Leave the ‘Options’ as default
• Update

Test by displaying the page and clicking on the image. The larger or alternative image should popup in its own window.

If you are new to TinyMCE you may like to download the  tinymce editor quick reference. It lists all the common icons (buttons) and their usage.