Inside the UI editor link are another type of element that you can add onto the UI canvas. The purpose of the link element is as you have probably guessed to be able to add links to other domains onto the UI canvas and consequently your future website.

Untitled

How do you add a link into the UI canvas?

Like with the basic layout elements like blocks and grids it is simple to add a link element onto the UI canvas, but unlike those basic elements links have specific features that you can edit in the “link” section of the inspector panel once the link element is selected. Note that the link function will not redirect you once you click on it inside the UI editor and will only work once published or in preview mode.

  1. Make the switch to the UI editor
  2. Click on the Add elements button in the top left corner
  3. On the pop up hover over the “Basic” section to open another pop up
  4. On the new pop up you should see a “other” section with 3 elements
  5. Click on the “Link” element to add a textbox onto the UI canvas
  6. Double click on the link element to open the editing state and be able to type in the text of your choosing. Then click away or press enter to exit the editing mode and save the text.

You can also make other elements to be clickable links by adding them as a child object of the link element. If in doubt how to manage the hierarchy view, visit the managing scene hierarchy section.

How do you edit link specific settings in the UI canvas?

Once you have added a text onto the UI canvas there are some specific link only settings you can edit. To view these you must click on the added link element and then proceed to scroll down to the last section on the right-side inspector panel. These option include:

Untitled

👉 Want to learn about how Smooth Scrolling works?

Smooth Scrolling