Skip to main content
Get Started
Documentation

Add text and images to Tractorscope dashboards

Add Content buttons

On the top right of the dashboard page, there are buttons to:
  • Add chart
  • Add text
  • Add image
Tractorscope dashboard toolbar with buttons to add charts, text, and images

Add Text

Adding Text creates a new text field on the dashboard. Click the text to edit it.
The 4-way arrow icon is for moving the text box. The pencil icon opens the style drawer. The hamburger menu is where you can delete the text box.
Editable text block on a Tractorscope dashboard with move, style, and menu controls

Text Settings

Opening the Text Settings drawer reveals the following options:
  • Size
  • Weight
  • Alignment within the text box
Chart Padding adds space around the text.
Chart Styles edit the text and background colors. These override the main dashboard styles.
All style changes are saved automatically.
Tractorscope text settings drawer for dashboard text size, weight, alignment, and colors

Add Image

Add Image to create a new empty Image box on the dashboard.
Empty image block added to a Tractorscope dashboard layout

Upload Image

Browse for the image to fill this box. Note the similar controls in the top right to the Text box; Move, Image Settings, and the hamburger menu (Upload Image, Delete).
💡 JPEG and PNG (Transparent also) are the supported image types.
Upload images at the size they should be displayed, 72dpi and optimized for web use.
Upload image option in a Tractorscope dashboard image block menu

Edit Image Settings

Image settings button for editing a Tractorscope dashboard image block

Image Settings

Size controls how the image is displayed inside the image frame:
  • Cover - Image fills frame and will crop
  • Contain - Image fits within frame with no cropping
  • Auto - Image displays full size
Position X and Y:
  • Left
  • Center
  • Right
Repeat provides multiple options for tiling images within the image frame.
Chart Padding adds space around the text.
Tractorscope image settings drawer for image size, position, repeat, padding, and chart styles

Fine tune

Resize the text and image boxes by dragging the lower right-hand corners. Once aligned, you can tweak the text position settings to align everything perfectly.
Resized text and image blocks aligned inside a Tractorscope dashboard

Replace or Delete image

Open the hamburger menu to modify.
Tractorscope dashboard image block menu for replacing or deleting an uploaded image