Like what you see? Have a play with our trial version.

Error rendering macro 'rw-search'

null

Versions Compared

Old Version 3

changes.mady.by.user Yellowfin

Saved on

compared with

New Version 4

changes.mady.by.user Yellowfin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
top
top

Table of Contents
classcontents

 

Overview

Styleclass
ClasstopLink

top

This canvas is where multiple types of content can be displayed together. A Canvas can be used for display on:

  1. Reports
  2. Dashboards
  3. Storyboards

To add a Canvas to a dashboard or storyboard, use the same steps you would with any normal single chart report.

 

Widgets

The report canvas can be made up of four types of widget:

  1. Chart
  2. Text
  3. Image
  4. Shape

Each of these types of widget can be added to the canvas by opening their respective menu in the left side navigation panel.

<screenshot of lsn panel>

 

Canvas Properties

Styleclass
ClasstopLink

top

When using the canvas, there are a range of options you can adjust to suit your needs. To access these options, click on the <icon> settings icon in the top right corner of the canvas. 

<screenshot of cog and properties window>

Gridlines

These settings allow you to define which visual guides will be displayed to aid in the design of your canvas.

<screenshot of options>

<screenshot of grid>

OptionDescription
Show Gridlines This option allows you to toggle the display of gridlines in the background of your canvas. These can be used as a guide when laying out your widgets.
Gridline Size This option allows you to define the size of the grid used by the gridlines setting (see above) in pixels.
Snap to Grid This option allows you to require all widgets to align to gridlines if enabled, ensuring the layout adheres to your grid.

 

Guidelines

These settings allow you to define where special guides are displayed to aid in the design of your canvas. These lines differ to gridlines as they are individual lines running vertically or horizontally across the canvas for a single specific location.

<screenshot of options>

<screenshot of guides>

OptionDescription
Horizontal 
Vertical  
This option allows you to add or remove horizontal guides on your canvas, as well as specifying the pixel location.
Vertical This option allows you to add or remove vertical guides on your canvas, as well as specifying the pixel location.
Show Rulers This option allows you to toggle the display of rulers across the top and left of your canvas, which can be used to place guidelines more accurately.Show Rulers  

 

Canvas Size

These settings allow you to define the size of your canvas display in pixels. This can be especially useful when you require an exact size for a specific purpose, as the canvas does not scale.

<screenshot of options>

OptionDescription
Width This allows you to specify the width of your canvas, in pixels.
Height  This allows you to specify the height of your canvas, in pixels.
Lock Size  This allows you to lock the size of your canvas, so that it cannot be resized by dragging during the design process.

 

Canvas Design

This setting allows you to define the background colour of your canvas.

<screenshot of option>

OptionDescription
 Background Colour This allows you to specify the colour of the background of your canvas. Especially useful when designing a canvas to be placed on a coloured background or image, such as on a storyboard slide.

 

Canvas Widgets

Styleclass
ClasstopLink

top

The report canvas can be made up of four types of widget:

  1. Chart
  2. Text
  3. Image
  4. Shape

 

Each of these widgets should be used to add content to an overall canvas display, which helps your data and message get across.

 

Chart Widgets

OptionDescription
Edit 
Delete  
 Order 
Menu 

Chart Widgets

 

OptionDescription
EditThis allows you to return to the Charts step of the report builder and adjust the selected chart. From here you can return to the canvas by proceeding to the Design step of the builder.
Delete This allows you to remove the selected chart from your canvas. This will not delete the chart from your report builder entirely.
 Order

This allows you to change the order that widgets are displayed in the canvas, by moving the currently selected chart. The available options are:

    • Bring to Front
    • Bring Forwards
    • Send Backwards
    • Send to Back
MenuThis allows you to open the Widget Properties menu for the selected chart and adjust a range of options.

 

Widget Properties

OptionDescription
Height & Location
X 
Y  
Width  
Specify the x coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Y Specify the y coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Width Specify the width of the currently selected widget, in pixels, in order to resize it exactly.
HeightSpecify the height of the currently selected widget, in pixels, in order to resize it exactly.Height 

 

Text Widgets

OptionDescription
Delete 
Order 
Font 
Colour 
Size 
This allows you to remove the selected text widget from your canvas.
Order

This allows you to change the order that widgets are displayed in the canvas, by moving the currently selected text widget. The available options are:

    • Bring to Front
    • Bring Forwards
    • Send Backwards
    • Send to Back
FontThis allows you to select a different font to apply to the selected text widget.
ColourThis allows you to select a different colour to apply to the selected text widget.
SizeThis allows you to select a different font size to apply to the selected text widget.
MenuThis allows you to open the Widget Properties menu for the selected text and adjust a range of options.Menu 

 

Widget Properties

OptionDescription
Text
Font 
Size 
Colour 
Style 
Alignment 
Opacity 
Indent 
List Style 
Spacing
Line 
Chars 
Height & Location
X 
Y  
Width  
Specify the x coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Y Specify the y coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Width Specify the width of the currently selected widget, in pixels, in order to resize it exactly.
HeightSpecify the height of the currently selected widget, in pixels, in order to resize it exactly.
RotationSpecify the amount your wish to rotate your widget clockwise, in degrees.Height 

 

Image Widgets

OptionDescription
Change This allows you to select a different image file to use with the currently selected image widget.
Delete 
Order 
This allows you to remove the selected image widget from your canvas.
Order

This allows you to change the order that widgets are displayed in the canvas, by moving the currently selected image widget. The available options are:

    • Bring to Front
    • Bring Forwards
    • Send Backwards
    • Send to Back
MenuThis allows you to open the Widget Properties menu for the selected image and adjust a range of options.Menu 

 

Widget Properties

OptionDescription
Image Options
Opacity 
Aspect Ratio 
Height & Location
X 
Y  
Width  
Height 
Specify the x coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Y Specify the y coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Width Specify the width of the currently selected widget, in pixels, in order to resize it exactly.
HeightSpecify the height of the currently selected widget, in pixels, in order to resize it exactly.
RotationSpecify the amount your wish to rotate your widget clockwise, in degrees. Rotation 

 

Shape Widget

OptionDescription
Delete 
Order 
Fill Colour 
Stroke Colour 
Stroke Width 
This allows you to remove the selected shape widget from your canvas.
Order

This allows you to change the order that widgets are displayed in the canvas, by moving the currently selected shape widget. The available options are:

    • Bring to Front
    • Bring Forwards
    • Send Backwards
    • Send to Back
Fill ColourThis allows you to select a different fill colour to apply to the middle of the currently selected shape widget.
Stroke ColourThis allows you to select a different stoke colour to apply to the outline of the currently selected shape widget.
Stroke WidthThis allows you to specify a thickness for the outline of the currently selected shape widget.
MenuThis allows you to open the Widget Properties menu for the selected shape widget and adjust a range of options.Menu 

 

Widget Properties

OptionDescription
Shape Options
Fill Colour 
Stroke Colour 
Stroke Width 
Fill Opacity 
Height & Location
X 
Y  
Width  
Height 
Specify the x coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Y Specify the y coordinates of the top left corner of the currently selected widget, in order to position it exactly on your canvas.
Width Specify the width of the currently selected widget, in pixels, in order to resize it exactly.
HeightSpecify the height of the currently selected widget, in pixels, in order to resize it exactly.
RotationSpecify the amount your wish to rotate your widget clockwise, in degrees.Rotation 

 

 

horizontalrule
Styleclass
ClasstopLink

top