iRule  Universal Remote Control

Support Center

Tutorial: Links and Labels

Last Updated: Dec 06, 2016 08:35AM EST

Tutorial Summary

This tutorial covers how to add a Link and Labels to your project . A Link can be used to jump from one Page to another. Links can also jump between Page on different Panels. Labels can now incorporate Device commands and more capabilities have been added to modify the look of the font.

  1. Drag and drop an image.
  2. Adjust the Link properties.
  3. Navigate to Devices tab.
  4. Drag and drop a Device command.
  5. Add a Label.
  6. Drag and drop a Device command.
  7. Adjust the Label properties.
  8. Save.

Step One: Drag and Drop an Image

Step One :: Image Title

In an existing Page, drag and drop an image from an image library to the interface window. Before releasing the mouse, hold down the "L" key on the keyboard and the image placed on the interface will be a Link not a button. You will notice that when a cell is highlighted in the interface window, the iRule Builder will show if the image being placed is a button or a link.

 









Step Two: Link Properties

Step Two :: Image Title

In the Link properties, select the panel name and page name of the page that the Link will jump to.

 













Step Three: Devices

Step Three :: Image Title

Optional step - You may want to apply Device commands which are executed when a Link is executed. The Device commands are not required to make a link workNavigate to the Devices tab and expand a Device to show the available commands.

 











Step Four: Drag and Drop Command

Step Four :: Image Title

Drag and drop a Device command to the Link. Device commands are executed before the Link jumps to another Page. Links can accommodate multiple Device commands and can include delays if necessary. These commands are typically executed in a fraction of second.

 









Step Five: Link with Command

Step Five :: Image Title

In the Panels tree, you can expand to see the command associated with the Link. If there are multiple commands, they will be executed in the order they were placed on the Link.

 











Step Six: Add Label

Step Five :: Image Title

In the Panels tree, right click on the the Page and select add label from the list.

 












Step Seven: Add Label

Step Five :: Image Title

In the Label properties, you can select a different font from the list, adjust the font size, select a color from the list, apply bold to the font and adjust the alignment.

 







 

Step Eight: Label with Command

Step Five :: Image Title

You can also add Device commands to a Label. Navigate to the Device tab and drag and drop a Device command to the label.

 






 

Step Seven: Save 

Step Five :: Image Title

Recent Discussions

Ajax-loader-small
customer-service@iruleathome.com
https://cdn.desk.com/
false
iruleathome
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
true
Invalid characters found
/customer/en/portal/articles/autocomplete
There was an error contacting Get Satisfaction
View All
0
discussions
replies
Questions
Ideas
Problems
Praise