HTML Editor

Use the HTML Editor to create and format your content while ensuring consistency and aesthetic appeal.

Adding links to open in new tabs on an HTML page

Adding a quicklink (link) that can open in a new tab allows students to access all relevant links without the need of going back to the session pages or modules. It is also recommended to have external links such as reading resources or activities that are outside of VU Collaborate, open in new tabs to ensure the links can be accessed by the students.

On this page:

 

Step One: Navigate to an HTML page


1. In your VU Collaborate space on the navigation bar, select Learning Space.

2. Navigate to the relevant HTML document, then select Edit HTML.

edit html page

 

Step Two: Add a Quicklink to content on an HTML page


1. In your HTML template, place your cursor in the area where you need to insert the rubric link.

If you are using the HTML template page, select and delete the placeholder text (1) Insert Quicklink to..., then select (2) Insert Quicklink.

ql remove placeholder text

2. Select the (1) relevant content, then (2) choose the topic that you want to have linked.

ql select discussion  ql select topic link

3. The (1) content Quicklink will appear in blue and show up with the content title.

ql quicklink in blue

 

Step Three: Edit existing Quicklink to open in a new tab


When inserting the quicklink on an HTML page, by default it will open in the same tab, which sometimes can cause errors or the link is not accessible to students. However, this can be changed through Quicklink Properties.

1. Click on the existing quicklink on your HTML editor, indicated by blue highlighted.

2. Then, select Insert Quicklink icon from the option bar.

ql select existing quicklink

3. Within HTML Properties, select New Window.

ql edit new window as target

4. Select Update to apply the change.

ql update button

5. When complete, select Save and Close. 

save and close

 

Quicklink in Staff and Students' view

On an HTML template, any quick-link that opens in a new tab will have an arrow icon next to it.

For example,

  1. the link opens in a new tab, indicated by the arrow icon
  2. the link opens in the same tab, with no icon.

ql links with different properties target

 

 

Admin Only