Creating a Button

This tutorial covers how to create and configure a button.

  1. Open iRule Builder
  2. Drag and drop an image to the grid
  3. Drag and drop a Device command to the button
  4. Save the Panel

Step One: Images

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb1.jpg| title=|Step One :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture1.jpg{/rokbox}

Select the Images tab in the iRule Builder interface.

 

Step Two: Drag and Drop Image

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb2.jpg| title=|Step Two :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture2.jpg{/rokbox}

Drag and drop an image to the main interface window. The button will snap to the center of a cell defined by the grid. The cell where the button will be placed is highlighted in blue.

 

Step Three: Gray Button

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb3.jpg| title=|Step Three :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture3.jpg{/rokbox}

When a button is initially created it will be grayed out. The graying out of the button is a visual indicator that the button does not have a command associated with it.

 

Step Four: Devices

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb4.jpg| title=|Step Four :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture4.jpg{/rokbox}

Select the Devices tab in the iRule Builder interface.

 

Step Five: Expand Device

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb5.jpg| title=|Step Five :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture5.jpg{/rokbox}

Expand the Device and Codes to show the available Codes that can be assigned to a button.

 

Step Six: Drag and Drop Code

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb6.jpg| title=|Step Six :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture6.jpg{/rokbox}

Drag and drop the Device code to the button in the main interface window. The button where the command will be assigned is highlighted in blue.

 

Step Seven: Complete Button

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb7.jpg| title=|Step Seven :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture7.jpg{/rokbox}

Now that a command is assigned to a button the button is no longer grayed out. .

 

Step Eight:Save

{rokbox thumb=|http://video.iruleathome.com/docs/newbutton/thumb8.jpg| title=|Step Eight :: Image Title| album=|tutorial|}http://video.iruleathome.com/docs/newbutton/picture8.jpg{/rokbox}

To complete the button creation process save the Panels. Your new button is ready to be synced to the iRule application.

 

Get iRule

You'll need a Builder account to try or to use iRule. Once you have a Builder account, download the app to your iOS or Android device.

badge-app store white 180x60

badge-play

badge-amazon

Follow Us

icon-facebookicon-twittericon-youtube

 

Professional
Affiliations

icon-facebook