Buttons
The Link schema can be used to create Buttons, an easy and quick way to create a prominent link on your page. The button can either be a component link, a multimedia link, or a standard URL link.
The following instructions will provide information on how to use Tridion to create the different type of Buttons available and place them on a page.
Table of Contents
Link to a Webpage
To create a Button for a link to a URL or component, start by creating a Link component:
Click New Component
(blue) to begin creating the Link component that will eventually be a Button.
In the Building Blocks folder of your website, click the New Component
button (highlighted in blue above) in the Create tab (highlighted in yellow above):
You will be taken to a new page for creating the component (shown below):
Creating the Link component, in this case using the Component link field.
There is some important information to enter when creating a Link component for a button.
Enter an appropriate Name for the component.
Select
Link
from the Schema drop-down menu (highlighted in yellow above).Link Title: This field represents the text that will appear in your button.
Enter short text that quickly grabs visitors' attention.
Try to make it short enough to fit on the Button.
URL or Component: You can use the Button to link to an external website with the URL for the link field or to another page in your site with the Component link field.
If you want to link to a page or website outside your publication, enter the full URL in the URL for the link field.
If you want to create a link to another page in your site, use the Component link field.
Click the magnifying glass icon (highlighted in red above), which will bring up the Building Blocks folder for your publication.
Choose a component on the page you want to link to in your publication, select it, and click
Insert
to link to it.
Icon to display: Choose an icon to display in the button from the drop down list of preset options (highlighted in green above).
When you are done entering the information for the Link component that will become your Button, click Save and Close
(highlighted in blue above).
To add the Link component to a page as a Button
Navigate to the Root folder of your publication and find the page you want to add the button to.
In the Component Presentations tab of the page, click
Insert
to bring up the Building Blocks folder.Select the component and choose
Button (Side Column)
orButton with Detail
from the Component Template drop down menu.Save and Close
the page, then Publish.
The screenshot below shows examples of Buttons (highlighted in yellow) using both the Button (Side Column)
and Button with Detail
templates:
The Button (Side Column)
buttons are the blue ones, and the Button with Detail
buttons are the red ones.
Link to Download a File
A Button using the Link: Multimedia schema will create a button which, when clicked by a visitor, downloads a file to their computer.
To create a button for a download link to a multimedia item:
Click New Component
(blue) to begin creating the Link: Multimedia component that will eventually be a Button.
In the Building Blocks folder of your website, click the New Component
button (highlighted in blue above) in the Create tab (highlighted in yellow above):
You will be taken to a new page for creating the component (shown below):
Creating the Link: Multimedia component that will eventually be a Button.
There is some important information to enter when creating a Link: Multimedia component for a button.
Enter the appropriate Name for your component.
Select
Link: Multimedia
from the Schema drop down menu (highlighted in yellow above).Link Title: This field represents the text that will appear in your button.
Enter short text that quickly grabs visitors' attention.
Try to make it short enough to fit on the Button.
Select the magnifying glass icon (highlighted in red above) to choose the Multimedia file you want to link to.
There will be a pop up featuring the Building Blocks folder of your publication.
Choose the document you want to link in the button and click
Insert
.
Icon to display: Choose an icon to display in the button from the drop down list of preset options (highlighted in green above).
When you are done entering the information for the Link: Multimedia component that will become your Button, click Save and Close
(highlighted in blue above).
To add the Button to your page, follow the same instructions for a regular Link component Button, described in the previous section, then Publish the page.
The screenshot below shows examples of Link: Multimedia Buttons (highlighted in yellow) using both the Button (Side Column)
and Button with Detail
templates:
The Button (Side Column)
buttons are the blue ones, and the Button with Detail
buttons are the red ones.
You can see that if you choose the Download
icon, the icon will change depending on the type of the linked Multimedia.
You can also see under the red Download PDF button that when you put in text in the Descriptive text for link, it shows up underneath the Button with Detail
template buttons and not the Button (Side Column)
template buttons.