Skip to main content Skip to complementary content

Creating text & image objects

The text & image object complements other visualizations by offering options to add text, images, hyperlinks, and measures.

You can format and color the text and align the paragraphs. The background image has sizing and positioning options. You can also set the responsive behavior for text and images.

Information note

The text & image visualization is only available in the advanced edit mode.

You can create a text & image visualization on the sheet you are editing.

  1. In the advanced edit mode, drag an empty text & image chart to the sheet from the assets panel.
  2. Click the text & image chart to open the editing toolbar.

  3. Add and format text, images, hyperlinks or measures to the text & image chart.

Tip noteIf you double-click a text & image chart in the assets panel, it is added to the sheet immediately.

Styling the text & image object

With Advanced options turned on, you have a number of styling options available under Appearance in the properties panel.

Click Styling under Appearance > Presentation to further customize the styling of the chart. The styling panel contains various sections under the General and Chart tabs.

You can reset your styles by clicking next to each section. Clicking Reset all resets styles in both General and Chart.

For general information about styling an individual visualization, see Applying custom styling to a visualization.

Customizing the text

You can set the text for the title, subtitle, and footnote under Appearance > General. To hide these elements, turn off Show titles.

The visibility of the different labels on the chart depends on chart-specific settings and label display options. These can be configured in the properties panel.

You can style the text that appears in the chart.

  1. Click Advanced options.

  2. In the properties panel, expand the Appearance section.

  3. Under AppearancePresentation, click Styling.

  4. On the General tab, set the font, emphasis style, font size, and color for the following text elements:

    • Title

    • Subtitle

    • Footnote

Customizing the background

You can customize the background of the chart. The background can be set by color or to an image.

  1. Click Advanced options.

  2. In the properties panel, expand the Appearance section.

  3. Under AppearancePresentation, click Styling.

  4. On the General tab of the styling panel, select a background color (single color or expression) or set the background to an image from your media library.

    When using a background image, you can adjust image sizing and position.

In a text & image object, you can also set a background image outside of the styling panel. Setting a background image in this way will not exclude or negate any background modifications you have made in the above procedure.

  1. Click Advanced options.

  2. In the properties panel, expand the Appearance section.

  3. Under Background image, toggle on Use background image.

  4. Add an image from your media library. You can select from a number of size and position options.

Customizing the border and shadow

You can customize the border and shadow of the chart.

  1. Click Advanced options.

  2. In the properties panel, expand the Appearance section.

  3. Under AppearancePresentation, click Styling.

  4. On the General tab of the styling panel, under Border, adjust the Outline size to increase or decrease the border lines around the chart.

  5. Select a color for the border.

  6. Adjust the Corner radius to control the roundness of the border.

  7. Under Shadow in the General tab, select a shadow size and color. Select None to remove the shadow.

Creating a link

You can mark a text section and use it for a link.

If you do not add a prefix, http:// is added automatically, assuming that you are adding a web address.

Do the following:

  1. Select the text section that you want to use for the link.

  2. Click Linked Object in the editing toolbar to open the link dialog.

  3. Enter the web address that you want to link to.

  4. Click Linked Object.

Removing a link

You can remove a link from a text section.

Do the following:

  1. Click the link so that the cursor is somewhere inside it.

  2. Click Linked Object in the editing toolbar to open the link dialog.

  3. Click Delete.

The link is removed, but not the text.

Adding an image

You can add an image through the editing toolbar. You can use one of the default images, or an image of your own.

  1. Click media library in the editing toolbar.

    The Media library opens.

    The following formats are supported: .png, .jpg, .jpeg, and .gif. You can upload images to the In app folder in the media library.

  2. Click on a folder in the media library, for example In app or Default.
  3. Select the image that you want to add.

  4. Click Insert.

Information noteIn the properties panel, you can add a background image, which, for example, can be used when you want to insert text in the image. The images added through the editing toolbar are not background images.

Adding a measure

You can add a measure in the following ways:

  • By dragging a field from the assets panel and adding it as a measure.
  • By dragging a measure from Master items.
  • By adding a measure (existing or new) from the properties panel.

When you are editing the measure, it is displayed as a token, which can be styled and moved around in the visualization. You can also apply number formatting to it. When you leave the editor, the measure value is displayed . Values that cannot be aggregated are shown as a hyphen (-).

Deleting a measure

You can delete a measure in the following ways:

  • Place the cursor before the token and press Delete.
  • Place the cursor after the token and press Backspace.
  • In the properties panel, right-click the measure and select Delete in the dialog.
  • In the properties panel, click the measure and click DeleteDelete.

Learn more

Did this page help you?

If you find any issues with this page or its content – a typo, a missing step, or a technical error – let us know how we can improve!