Sign In |

Range Element

Updated on May 10, 2026

A range element can be used to show set text or a specific image when the values received on a channel are within a certain range. This is most commonly used to show information such as an RPM bar-style graph or vehicle gear.

VBOX Video HD2 software comes supplied with a library of range of elements. The user also has the option to create their own using a selection of PNG, JPEG or BMP image files, or written text ranges.

For example, the range element below shows RPM 0-10,000, using 10 different bar images.  

Screenshot of a Range Element showing RPM 0-10,000, using 10 different bar images.

This element will show the following:

Screenshot of the Range element showing a value between 0 - 1000.
Range = 0 - 1000
Screenshot of the Range element showing a value between 1000 - 2000.
Range = 1000 - 2000
Screenshot of the Range element showing a value between 2000 - 3000.
Range = 2000 - 3000
Screenshot of the Range element showing a value between 3000 - 4000.
Range = 3000 - 4000
Screenshot of the Range element showing a value between 4000 - 5000.
Range = 4000 - 5000
Screenshot of the Range element showing a value between 0 - 1000.
Range = 0 - 1000
Screenshot of the Range element showing a value between 1000 - 2000.
Range = 1000 - 2000
Screenshot of the Range element showing a value between 2000 - 3000.
Range = 2000 - 3000
Screenshot of the Range element showing a value between 3000 - 4000.
Range = 3000 - 4000
Screenshot of the Range element showing a value between 4000 - 5000.
Range = 4000 - 5000
Screenshot of the Range element showing a value between 5000 - 6000.
Range = 5000 - 6000
Screenshot of the Range element showing a value between 6000 - 7000.
Range = 6000 - 7000
Screenshot of the Range element showing a value between 7000 - 8000.
Range = 7000 - 8000
Screenshot of the Range element showing a value between 8000 - 9000.
Range = 8000 - 9000
Screenshot of the Range element showing a value between 9000 - 10000.
Range = 9000 - 10000
Screenshot of the Range element showing a value between 5000 - 6000.
Range = 5000 - 6000
Screenshot of the Range element showing a value between 6000 - 7000.
Range = 6000 - 7000
Screenshot of the Range element showing a value between 7000 - 8000.
Range = 7000 - 8000
Screenshot of the Range element showing a value between 8000 - 9000.
Range = 8000 - 9000
Screenshot of the Range element showing a value between 9000 - 10000.
Range = 9000 - 10000

Another example is shown below. This element will show gear using set text – this example is picking up gear from a vehicle CAN bus. If the gear is being calculated using Speed ÷ RPM, then these notes will help.  

Screenshot of a Range element showing a value of N.
Range = 0.1 – 1.0
Screenshot of a Range element showing a value of 1.
Range = 1.1 – 2.0
Screenshot of a Range element showing a value of 2.
Range = 2.1 – 3.0
Screenshot of a Range element showing a value of 3.
Range = 3.1 – 4.0
Screenshot of a Range element showing a value of N.
Range = 0.1 – 1.0
Screenshot of a Range element showing a value of 1.
Range = 1.1 – 2.0
Screenshot of a Range element showing a value of 2.
Range = 2.1 – 3.0
Screenshot of a Range element showing a value of 3.
Range = 3.1 – 4.0
Screenshot of a Range element showing a value of 4.
Range = 4.1 – 5.0
Screenshot of a Range element showing a value of 5.
Range = 5.1 – 6.0
Screenshot of a Range element showing a value of 6.
Range = 6.1 – 7.0
Screenshot of a Range element showing a value of 7.
Range = 7.1 – 8.0
Screenshot of a Range element showing a value of 4.
Range = 4.1 – 5.0
Screenshot of a Range element showing a value of 5.
Range = 5.1 – 6.0
Screenshot of a Range element showing a value of 6.
Range = 6.1 – 7.0
Screenshot of a Range element showing a value of 7.
Range = 7.1 – 8.0


Open the range library by clicking the ‘Range’ icon from the top panel buttons menu.  

Screenshot of the Elements buttons with Range highlighted.

A Range library will then appear in the settings panel to the right Clicking on a chosen range will load it into the scene. Once a G-Ball has been added to the scene, it can be clicked and dragged to the desired location.

Screenshot of the software with the Range Settings pane highlighted on the right hand side.

You can toggle between Ranges using mph or km/h units by using the buttons at the bottom of the library.

Image of the speed options in the Scene Library with MPH selected.

Ranges within the library will have pre-defined settings.


When creating a new range element, an image can be used for the range background.

Example of a Range background image for displaying RPM.
Range background image example

Open the range library by clicking the ‘Range’ icon from the top panel buttons menu. 

Screenshot of the Elements buttons with Range highlighted.

Within the Range library, selecting the 'New Range' option will add a new Range element to the scene.  

Images depicting how to add a new Range element.

To upload a background image use the search icon button within the background settings area.


When a range is selected, its settings are shown in the right-hand panel.  

Screenshot of the software with a Range element added and the Range Settings pane highlighted in the right hand side.

If you are creating a new range rather than using one from the range library, or wanting to change the image, the background can be set by clicking on the search icon. 

Images depicting uploading a new background image for the Range element.

Range backgrounds can be made transparent by ticking the ‘Transparent’ option within the range background area.

The data set to display on the range can be changed using the two drop-down menus within the 'Parameter' section.

The first drop-down menu defines the source. Select either GPS, CAN or OBD.

Screenshot of the Parameter settings with CAN and Engine Speed selected.

The second drop-down list defines the channel to be shown. In the example above, a CAN input is set to display RPM data.

Selecting the Channel Settings button opens up a Channel Settings window where you can configure CAN and OBD channels.

A number of GPS parameters are available to choose from, such as the following:

  • Satellites
  • UTC time
  • Latitude
  • Longitude
  • Speed
  • Heading
  • Height
  • Longitudinal acceleration
  • Lateral acceleration
  • Combined acceleration
  • Vertical speed
  • Local time
  • Day of month
  • Month
  • Year
  • Distance since power-up
  • Distance since stationary
  • Time stationary
  • Time moving
  • Radius of turn
  • Gradient (%)
  • Solution type

More information on the parameters can be found here.

Within the parameter section, speed, acceleration or distance channels can be set to display in different units.

The options available are:

  • Speed – km/h, mph, kts, m/s, ft/s
  • Acceleration – g, m/s², ft/s²
  • Distance – m, ft, km, mi, nmi

These settings control all ranges which are sent to display ‘Text’, allowing all ranges to be changed easily.

Select the existing font to chose any font installed on the computer. The text size can be changed using the up and down arrows.  

Screenshot of the Font settings with the Font button highlighted and Bebas selected.

To change the colour, select the existing colour and choose from the colour wheel. The opacity of the colour can also be changed here.

To set a specific RGB value, click on ‘Color sliders’.

Images depicting selecting a new font colour from the colour selector wheel.

When a new range is created, only the default range will be shown. This image or text will be shown when values are received which do not fall into any set range.

Set an image or write text within the default range.

Screenshot of the Range settings with Range Type set as Image.
Screenshot of the Range settings with the Range Type set as Text.
Screenshot of the Range settings with Range Type set as Image.
Screenshot of the Range settings with the Range Type set as Text.

Any added ranges will automatically match the type that has been set for the default.

For this example we will show an image range being set up:

Press ‘Add’ to load a new range and then click on the the search icon button within the individual range settings to browse your computer.

Screenshot of the Range settings with the Add button highlighted.
Screenshot of the Range settings with Image and the search icon highlighted.
Screenshot of the Range settings with the Add button highlighted.
Screenshot of the Range settings with Image and the search icon highlighted.

Choose the desired image for the range.  

Screenshot of the file explorer window to select the new image for the range, with the Open button highlighted.

Move the image to show in the correct location within the range element by clicking and dragging the new image.  

Images depicting moving the new Range image against the background image.

When the image is loaded, define the values between which this should display.  

Screenshot of the Range settings with Minimum and Maximum highlighted.

Repeat this for all additional ranges to be shown. Use the 'Test' box to check what will be shown when different values are received. 

The settings for any range can be checked by selecting the range of interest from the drop down box.

Screenshot of the range of interest options in a dropdown list.

Elements and their associated settings can be duplicated within a scene by either right-clicking on the element, selecting 'Copy' from the dropdown then right-clicking in an empty area and selecting 'Paste' from the dropdown, or by using keyboard shortcuts 'Command + C' (Copy) and 'Command + V' (Paste).

Screenshot of the Elements menu with Copy highlighted.
Screenshot of the empty screen menu with Paste highlighted.
Screenshot of the Elements menu with Copy highlighted.
Screenshot of the empty screen menu with Paste highlighted.

Elements can be removed from the scene in two ways; either by right-clicking on the element, selecting 'Delete' from the dropdown and confirming the prompt, or by pressing the 'Backspace' key on a keyboard, and again, confirming the prompt.  

Screenshot of the Elements menu with Delete highlighted.