Sign In |

Range Element

Updated on May 7, 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 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:  

Image showing a Range with value 0-1000 displayed.
Range = 0 - 1000
Image showing a Range with value 1000-2000 displayed.
Range = 1000 - 2000
Image showing a Range with value 2000-3000 displayed.
Range = 2000 - 3000
Image showing a Range with value 3000-4000 displayed.
Range = 3000 - 4000
Image showing a Range with value 4000-5000 displayed.
Range = 4000 - 5000
Image showing a Range with value 0-1000 displayed.
Range = 0 - 1000
Image showing a Range with value 1000-2000 displayed.
Range = 1000 - 2000
Image showing a Range with value 2000-3000 displayed.
Range = 2000 - 3000
Image showing a Range with value 3000-4000 displayed.
Range = 3000 - 4000
Image showing a Range with value 4000-5000 displayed.
Range = 4000 - 5000
Image showing a Range with value 5000-6000 displayed.
Range = 5000 - 6000
Image showing a Range with value 6000-7000 displayed.
Range = 6000 - 7000
Image showing a Range with value 7000-8000 displayed.
Range = 7000 - 8000
Image showing a Range with value 8000-9000 displayed.
Range = 8000 - 9000
Image showing a Range with value 9000-10000 displayed.
Range = 9000 - 10000
Image showing a Range with value 5000-6000 displayed.
Range = 5000 - 6000
Image showing a Range with value 6000-7000 displayed.
Range = 6000 - 7000
Image showing a Range with value 7000-8000 displayed.
Range = 7000 - 8000
Image showing a Range with value 8000-9000 displayed.
Range = 8000 - 9000
Image showing a Range with value 9000-10000 displayed.
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.

Image showing a Range with value 0.1 - 1.0 displayed.
Range = 0.1 – 1.0
Image showing a Range with value 1.1 - 2.0 displayed.
Range = 1.1 – 2.0
Image showing a Range with value 2.1 - 3.0 displayed.
Range = 2.1 – 3.0
Image showing a Range with value 3.1 - 4.0 displayed.
Range = 3.1 – 4.0
Image showing a Range with value 0.1 - 1.0 displayed.
Range = 0.1 – 1.0
Image showing a Range with value 1.1 - 2.0 displayed.
Range = 1.1 – 2.0
Image showing a Range with value 2.1 - 3.0 displayed.
Range = 2.1 – 3.0
Image showing a Range with value 3.1 - 4.0 displayed.
Range = 3.1 – 4.0
Image showing a Range with value 4.1 - 5.0 displayed.
Range = 4.1 – 5.0
Image showing a Range with value 5.1 - 6.0 displayed.
Range = 5.1 – 6.0
Image showing a Range with value 6.1 - 7.0 displayed.
Range = 6.1 – 7.0
Image showing a Range with value 7.1 - 8.0 displayed.
Range = 7.1 – 8.0
Image showing a Range with value 4.1 - 5.0 displayed.
Range = 4.1 – 5.0
Image showing a Range with value 5.1 - 6.0 displayed.
Range = 5.1 – 6.0
Image showing a Range with value 6.1 - 7.0 displayed.
Range = 6.1 – 7.0
Image showing a Range with value 7.1 - 8.0 displayed.
Range = 7.1 – 8.0


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

Screenshot of the Range Button.

A drop down menu will then appear, allowing a range to be selected from the library. Clicking on a chosen range will load it into the scene.

Screenshot of the Range menu.

Selecting the 'Filter' drop-down on the left enables you to filter the Ranges shown between default and custom created.  

Screenshot of the Filter drop down list of options.

Once a range element is added to the scene, it can be clicked and dragged to the desired location.

Range elements within the library will have pre-defined settings, which will need to be changed by the user.


When creating a new range element, an image for the background is required, unless using a transparent background, in which case tick the ‘Transparent’ option. An example image is shown below.

Range background image example
Range background image example

To create a new range, click the ‘Range’ icon from the top menu.

Screenshot of the Range Button.

Within the drop-down menu, selecting the ‘New’ option will add a new bar graph element to the scene. 
 

Screenshot of the Range menu with New highlighted.

Double click on the new range to load a background image.  

Images depicting the steps to load a new background image.

Alternatively, tick the ‘Transparent’ box within the background area.  

Screenshot of the Background settings.

Now the background image has been set, the settings of the range can be defined.


When an element is selected, its settings are shown in the right hand panel.  

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

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 CAN, GPS, Heart rate monitor (if being used with a heart rate element), Maths Channels or OBD.

Screenshot of the Parameter settings.

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

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 set to display ‘text’, allowing all ranges to be changed easily.

Use the top drop-down box to select any font installed on the PC in use. 

Screenshot of the Font settings.

To set a specific RGB colour, click ‘Advanced’.  

Image of the Font settings and colour selector.

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 Type highlighted and Image selected.
Screenshot of the Range settings with Type highlighted and Text selected.
Screenshot of the Range settings with Type highlighted and Image selected.
Screenshot of the Range settings with Type highlighted and Text selected.

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

E.G - If a default image has been sent, a window will appear prompting the user to load an image for range 1. If a default text string has been entered, range 1 will prompt the user to enter text.

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

Press ‘Add’ to load a new range.  

Screenshot of the Range settings with the Add button highlighted.

Choose the desired image for the range. 

Screenshot of a Windows Explorer window for selecting an image for the Range.

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

Images depicting the alignment of the images.

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

Screenshot of the Range settings with a minimum value of 1000 and a maximum value of 2000 entered.

Repeat this for all additional ranges to be shown. Use the 'Test value' 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 settings with the Range drop down list of options displayed.


Range background images can be changed by clicking the search (magnifying glass) icon next to the currently loaded image.

Note that backgrounds can be made transparent by ticking the ‘Transparent’ option.  

Screenshot of the Background settings with the file selected highlighted.

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 'Ctrl + C' (Copy) and 'Ctrl + V' (Paste).  

Screenshot of the right click menu with Copy highlighted.
Screenshot of the right click menu with Paste highlighted.
Screenshot of the right click menu with Copy highlighted.
Screenshot of the right click 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 'Delete' key on a keyboard, and again, confirming the prompt.  

Screenshot of the right click menu with Delete highlighted.