Anatomy Of An Ultralink

The Ultralink has been designed to be intuitive and easy to use, but it can be tricky to describe its various parts in a way that others can understand. Here we identify them and describe their function. Check out the Ultralink below and hover over its various parts to display a description box at the bottom with the correct terminology and a detailed explaination of each part.

This tool uses the default Ultralink appearance, but you can easily customize the look and feel of your Ultralinks with our handy Skinning Tool. Also, this page only examines the visual elements of the Ultralink. For a complete list of all the special names and terms we use, refer to our Glossary.

Once you have a good feel for the different parts of the Ultralink, read up on How The Ultralink Works or skip to another section with the navigator at the bottom of the page.

Ultralink
While Ultralinks are fully supported on mobile browsers, this interactive tour of the Ultralink requires a mouse cursor so you can hover over the various Ultralink elements.

Please visit this page again in a desktop web browser!

Hover over the various parts of the Ultralink above.
Ultralink Images

Any images associated with the Ultralink are displayed here.

If there is more than one image on an Ultralink, then it will continually cycle through them and switch the image every 5 seconds. You can also click on the left and right sides of the image to manually cycle through them yourself.

Ultralink Link

This is a special Link that is set apart from all the others. It opens up an Inline Pane for this Ultralink's webpage on the Ultralink Server it came from. Here you can view and edit the data associated with the Ultralink (depending on your permission level).

Link

This Link is one of a couple that are associated with this Ultralink. Each Link has a Link Type identified by it's icon. You can create your own Custom Link Types if you wish.

Notice the "Blue" shadow surrounding the Link? That means if the user clicks on the Link it behaves like a regular hyperlink and either navigates to the Link address or opens up a new tab.

Link

This Link is one of a couple that are associated with this Ultralink. Each Link has a Link Type identified by it's icon. You can create your own Custom Link Types if you wish.

Notice the "Black" shadow surrounding the Link? That means if the user clicks on the Link it will present the content behind the Link in an Inline Pane for quick and easy consumption. When an Inline Pane is brought up, the Link's shadow turns from "Black" to "Blue" allowing the user to directly navigate to the Link address if they wish.

Row Label (Domain)

If there is a Link attached to this Ultralink with no specific Link Type, then it is assigned the generic Link Type and the Link address domain is displayed.

Row Label (Link Category)

A Link Category is a way of grouping similar or related Link Types together. In this row, all of these Link Types share the same Link Category.

Row Label (Link Type)

If there is only one Link in a particular Link Category, then it gets a whole row to itself and the label indicates the Link Type.

Row Label (Custom)

You can customize the row label by adding a URL argument of "label" to the Link's address. If it is the only Link present in it's particular Link Category then the Row Label will be set to the value of the "label" argument.

Drawer Button

This button toggles a section called the Drawer. Sometimes you might want to not present every Link to the user all at once. Maybe you have some global Links that you want to attach to every Ultralink on your site but don't want them to use up precious Ultralink real estate by default. You can put those in here.

Clicking on the circular button will toggle the drawer open and closed.

Inline Pane

This displays the content behind Links in a compact and concise manner for easy consumption.

Depending on the page dimensions and the positioning of the Ultralink, this can be either to the left or right sides of the Ultralink or below it when page width is constrained. Inline Panes can either iframe other websites or contain custom UI designed for use with Ultralinks called Inline Views.

Detached Inline Pane

This is an Inline Pane that is no longer associated with the Ultralink it came from. You can drag it around the page, close it and have multiple detached Inline Panes at once.

Detach Button

Clicking this detaches the Inline Pane from the Ultralink and lets the user drag it around the page by clicking on the sides.

After detaching, this button turns red and becomes the Inline Pane's Close Button.

Close Button

Clicking on this will close the associated Inline Pane and remove it from the page.

PreviousPrev
Next