Introduction

The Image widget allows you to easily display an image on the TIMI module.

How it works

The Image widget takes the loaded image and displays it in the bounds of the widget dimensions. The Image can be in any windows image format and is automatically scaled to the set dimensions.

Implementation

To select the Image widget when using the Architect or Genius environments simply click on Graphics and then click on Add Widget.

Click on the Image widget under the Static tab and click on Confirm.

The Image widget will be placed on the graphic representation of the TIMI display with default properties set.

You can now change the Property Values to get the desired look of the Image widget.

Left and Top Property

The Left and Top property can be changed by entering the value of a known Left and Top coordinate.

Or the Image widget can be positioned by simply clicking on it and dragging it into the desired position. If the width or height of the Image widget is set to the maximum size of the display top or left dragging will not function.

Width and Height Property

The width and height properties can be changed by entering the value of a known width and Height in pixels.

Or the width and height can be simply changed by dragging the red dotted widget outline to the required size.

Source Property

The Source for the Image widget can be selected by clicking on the Source property. A file open dialogue will appear allowing you to browse for an image file.

After clicking on Open the image will be placed into the Image widget and stretched to the set dimensions.

If needed, the image can be re-positioned and re-sized.

Demonstration

For this demonstration we will use an Image widget as an attractive background with a Media Panel widget, a Media Gauge D widget and a Scale widget. You can use the image below by right clicking on the image and clicking on Save image As or alternatively use an image of your own.

Select the Image Widget by clicking on Add Widget from the Graphics menu and select Image from the Static tab.

And set the properties as shown on the right.

Click on the Source Property and navigate to your image file then click on Open

Next, add a Media Panel Widget.

followed by CONFIRM and set the properties as shown on the right.

Next, add a Media Gauge D widget from the Graphics / Add Widget / Gauges tab.

followed by CONFIRM and set the properties as shown on the right.

And Finally add a Scale widget from the Graphics / Add Widget / Static tab.

followed by CONFIRM and set the properties as shown on the right.

Back to Resource Centre

Share this article on socials

Introduction

The Image widget allows you to easily display an image on the TIMI module.

How it works

The Image widget takes the loaded image and displays it in the bounds of the widget dimensions. The Image can be in any windows image format and is automatically scaled to the set dimensions.

Implementation

To select the Image widget when using the Architect or Genius environments simply click on Graphics and then click on Add Widget.

Click on the Image widget under the Static tab and click on Confirm.

The Image widget will be placed on the graphic representation of the TIMI display with default properties set.

You can now change the Property Values to get the desired look of the Image widget.

Left and Top Property

The Left and Top property can be changed by entering the value of a known Left and Top coordinate.

Or the Image widget can be positioned by simply clicking on it and dragging it into the desired position. If the width or height of the Image widget is set to the maximum size of the display top or left dragging will not function.

Width and Height Property

The width and height properties can be changed by entering the value of a known width and Height in pixels.

Or the width and height can be simply changed by dragging the red dotted widget outline to the required size.

Source Property

The Source for the Image widget can be selected by clicking on the Source property. A file open dialogue will appear allowing you to browse for an image file.

After clicking on Open the image will be placed into the Image widget and stretched to the set dimensions.

If needed, the image can be re-positioned and re-sized.

Demonstration

For this demonstration we will use an Image widget as an attractive background with a Media Panel widget, a Media Gauge D widget and a Scale widget. You can use the image below by right clicking on the image and clicking on Save image As or alternatively use an image of your own.

Select the Image Widget by clicking on Add Widget from the Graphics menu and select Image from the Static tab.

And set the properties as shown on the right.

Click on the Source Property and navigate to your image file then click on Open

Next, add a Media Panel Widget.

followed by CONFIRM and set the properties as shown on the right.

Next, add a Media Gauge D widget from the Graphics / Add Widget / Gauges tab.

followed by CONFIRM and set the properties as shown on the right.

And Finally add a Scale widget from the Graphics / Add Widget / Static tab.

followed by CONFIRM and set the properties as shown on the right.

Back to Resource Centre

Share this article on socials