Website User Guide
Logging in to the GBCS website
To log in, just click on the black Log In button in the top right corner. A pop up will appear where you enter your EMBL username and password. Click on the green log in button at the bottom of the pop up.
Logging out of the GBCS website
To log out, just click on the black Log Out button in the top right corner.
How to print a page
There is a print icon, on every page, that you can click to get a print friendly version of the page.
How to download user documentation and files
All of the files are stored in a file gallery. The link to the file gallery is located in the home drop down menu, as shown below.
Click on the File Galleries link to be shown a list of all the files accessible to you.
The files are organised into folders. Double click on the folder you wish to open. When you find the file that you want to download, right click on it and choose Open from the dropdown menu.
Information for users who have been assigned wiki creation permissions
Adding a wiki page
If you would like to add a wiki page to the website, the link to where you create a page is located in the home drop down menu, as shown below.
Click on Add/View Wiki Pages to list all of the wiki pages and create new ones. Make sure that you are within the Create a Wiki Page tab. It will be green like in the image below.
Type in the name of the page that you wish to create and click on the green Create Page button. You will be brought to a WYSIWYG ( what you see is what you get ) text editor, where you can add text and formatting just like you would do in Microsoft Word or OpenOffice
Even if you want to leave the page blank, make sure to click the green Save button under the WYSIWYG. Otherwise, your page will not be created and you will have to repeat the steps above.
Editing a wiki page
Most pages will be editable. To edit the page click on the edit icon located next to the print icon shown above. There is also a green Edit this page button at the end of the page.
Adding images to a wiki page
When you are logged in and on the Wiki page that you wish to add a photo to, click on the green Edit this page button at the end of the Wiki page.
Once the WYSIWYG editor (text editor) opens, you can place the cursor on the area where you wish to insert your image. Then click on the image icon shown below. This icon is located at the top of the WYSIWYG.
Once the icon has been clicked, the following pop up appears:
To add an image that has already been uploaded, navigate to the image and double click on it. You will be brought back to the WYSIWYG and a small version of your image should appear. This is a thumbnail. It will be clickable once you save the Wiki page. However, if you would like to display the image at a normal size and not have it clickable, double click on the image while you’re in the WYSIWYG and the following pop up will appear.
There is a wide range of ways that you can customize the image. If you would like your image to not be a thumbnail, make sure that you click on the Thumbnail drop down and select None.
If you would like your image to link to a website/wiki page when clicked, put the address that you wish it to link to in the Link field. If you want the Thumbnail image to open the image in a pop up, make sure to put box in the Link Relation field.
You can also specify the height and width that you wish the image to be. It is also possible to add a caption and alt text to the image. Click on the green Advanced Options button at the end of the pop up to display other fields. If you wish to align the image, make sure that you click on the Align Image drop down and select whichever suits your need.
If you would like to add a border to your image, make sure to put border in the Image Style field. Once you are finished making changes, don’t forget to click on the blue insert button, which will take you back to the WYSIWYG. Make sure to save the Wiki page by click on the green Save button.
Information about the WYSIWYG
The WYSIWYG is made up of a selection of icons that you can click in order to perform a task. With the WYSIWYG you can do the following:
- Make text bold
- Make text italic
- Underline text
- Strikethrough text
- Change the colour of the text
- Add a picture
- Add a link to a wiki page
- Add a link to an external page
- Find and replace text
- Remove format
- Add a special character
- Insert headings
- Copy, cut and paste
- Align text
- Insert bullet points
- Insert pagebreaks and horizontal lines
- Make tables
- Enter fullscreen
- Switch to plain wiki editor
Adding a heading using the WYSIWYG
Click on the Format button and choose what size heading that you would like the text to be.
Adding a table using the WYSIWYG
Click on the following icon
Fill in the following pop up with the rows and columns of your table
You can add extra rows and columns by clicking on the + icon. Make sure to click the Insert button at the bottom of the pop up when you are finished making your table.
Adding a link using the WYSIWYG
It is possible to add two different types of links using the WYSIWYG. Each of these types of links has a different icon in the WYSIWYG. Internal Links: links to another page within the website External Links: links to other website
Internal Links
To add an internal link, click on the first icon in the image above. The following pop up appears
Fill in what to display as the link text and what page you want to link to. When you are finished, make sure to click the Insert button at the bottom of the pop up.
External Links
To add an external link, click on the second icon in the image above (with the globe in it). The following pop up appears
Fill in what to display as the link text and what url you want to link to. When you are finished, make sure to click the Insert button at the bottom of the pop up.