Overview
Add images to your presentations via Image Widgets.
How to add images
- Click on the Images button on the left side of the screen.
- The panel will expand to display images (if images are already present in your instance), or an option to add a new one.
- Drag the Add New Image widget onto the presentation.
- This will bring up the image manager. Select pre-existing images to add to your presentation.
- Alternatively, you can add a new image. Click on the Add button on the image manager.
- In this popup, either drag in an image, or click and browse to select an image to be added.
- You can customize the image widget via its properties panel. This panel appears on the right side once the Image Widget is selected. Refer to the Properties section below to learn more.
- You can also add an action event that will be triggered when this widget is clicked. See the Actions section in the widget's property table below for more information.
- Additional options are available by right-clicking and using the menu that appears. Learn more about the menu options here.
Image Widget properties
Property name | Description |
---|---|
Opacity | This allows you to specify the transparency of the fill (inside) color of the selected shape. The higher the number, the stronger the color. |
Size & Location | |
X | Specify the x coordinates of the top left corner of the image widget, in order to position it exactly on your presentation slide. |
Y | Specify the y coordinates of the top left corner of the image widget, in order to position it exactly on your presentation slide. |
Width | Specify the width of the image widget, in pixels, in order to resize it exactly. |
Height | Specify the height of the image widget, in pixels, in order to resize it exactly. |
Corners | This option allows you to define the roundness of the widget’s border corners. Tip: For maximum circular edges, enter half the value of the widget height. For example, if the height is 130 pixels, then set the edge value to 65 pixels. Moreover, an edge value greater than 65, will have no further effect in this example. |
Rotation | Specify the amount to rotate the selected image widget clockwise, in degrees. |
Aspect ratio | Enable this toggle to maintain the aspect ratio. This means when increasing or decreasing the image’s size, it maintains its shape (i.e. the relationship between its width and height). If this is disabled, the image can be stretched out of shape either vertically or horizontally. |
Lock widget | Enable this toggle to lock the image in its location. This stops you from moving or resizing the image. This holds true even when selecting multiple widgets on the slide. Note that a locked image widget can still be customized, such as by adding a shadow, or a background color. |
Background formatting | |
Background color | Allows you to specify a background color for the image widget. |
Opacity | Allows you to specify the transparency of the background color on the image widget. |
Customise padding | This option allows you to define a custom padding or buffer around the widget, in pixels, when enabled. This includes padding for each side to the widget. If disabled, you can still define an overall padding size. |
Padding top | When custom padding is enabled, this allows you to define padding to be added to the top of the widget. |
Padding bottom | When custom padding is enabled, this allows you to define padding to be added to the bottom of the widget. |
Padding right | When custom padding is enabled, this allows you to define padding to be added to the right of the widget. |
Padding left | When custom padding is enabled, this allows you to define padding to be added to the left of the widget. |
Padding | This allows you to define an overall padding size for the shape widget. This size, defined in pixels will be constant for each side of the widget. To add different sized padding on any of the sides, enable the Customise Padding option. |
Border width | This allows you to specify the thickness of the widget border. Note: to make the widget border visible, you must define values for all three border properties. |
Border style | This allows you to select a style for the widget border. Options include: dashed, solid, dotted, groove, and more. |
Border color | This allows you to specify the color of the widget border. |
Horizontal shadow | This option allows you to cast a horizontal shadow on the image and define its size in pixels. |
Vertical shadow | This option allows you to cast a vertical shadow on the image and define its size in pixels. |
Shadow blur | This option allows you to define the sharpness of the shadow. The smaller the value, the sharper and more defined the shadow will be. For a blurry or softer shadow, provide a bigger value. |
Shadow color | This option allows you to set a color for the shadow. This must be defined to make the shadow visible. |
Actions | |
Click Event | Select an event that will trigger when the selected widget is clicked. Event options include:
|
Report ID | If navigating to a report using the ‘Go to report’ click event, provide the UUID of the report. |
Sub Tab # | If navigating to a sub tab using the ‘Go to sub tab’ click event, enter the order number of the sub tab. |
URL | If navigating to an external page using the ‘Go to URL’ click event, provide the full URL of the page. |
Target | If navigating to an external page using the ‘Go to URL’ click event, specify the page target. Options include:
|