Adding Images to a Story

You can add static images or dynamic images stored in a remote database to SAP Analytics Cloud stories.

Prerequisites

To create a dynamic image, you will need a model based on a HANA view with the following attributes:
  • A column containing BLOB data, used in the dynamic image. It is recommended that the image BLOBs used are less than 5MB in size.
  • A column containing a unique ID used to link the image model to an aggregate model via linked models. When queries are performed on the aggregate model, the image object will update if a single member is filtered down to in the aggregate query. This prerequisite is necessary to prevent duplicate image data to be added to the model. For more information on linking models, see Blend Data.

Context

Note
  • Dynamic image objects are not supported in the mobile application and cannot be embedded in header widgets.

  • Dynamic image objects don't support measure-based filters on the source model.

Procedure

  1. From the Insert menu above the story canvas, select Start of the navigation path (Add) Next navigation step ImageEnd of the navigation path.
  2. Do one of the following actions:

    You can upload a static image, which is an image locally uploaded from your computer, or a dynamic image, which is an image stored in a remote system.

    • To upload a static image, do the following:
      1. On the Builder panel, select +Add Image or (Upload Image).
      2. Search for an image on your computer and select Open.
        The image is added to the Image Library.
        Note
        You can delete an image in the library be selecting the image and then selecting Delete Image.
      3. From the Image Library, select the image you want to use.
    • To display a dynamic image from a data source, do the following:
      1. On the builder panel, select the Dynamic tab.
        Note
        To switch back to adding a static image, select the Static tab and proceed with the steps on the previous option. Switching to a static image will clear all dynamic data that is currently set.
      2. In the Data Source area, select + Add Model, select a model from the list, and select OK.

        The model you select will be used to display a dynamic image. Make sure that the model has at least one image dimension.

        Note
        When you switch to dynamic mode, the image object will pick up the last used model. You can change the selected model by selecting (Change Model) .
      3. In the Image Structure area, select + Add Image Dimension and select an image dimension from the list.

        The members from the selected image dimension will determine the available images to display.

      4. (Optional) Select + Add Alternative Image and upload an image from your computer to use when the remote image can't be displayed. For example, when the image data cannot be rendered.

        The alternative image will become the static image source when switching from dynamic to static. If a static image source is selected, it will become the alternative image when switching from static to dynamic.

      5. Select +Add Filters, and choose one member from the list of available members.
        The member you select will be the image that is displayed.
        Note
        If you select multiple members or no members, no image will be displayed or the alternative image will be used instead. You can use a table in list reporting mode to see how many members of the current filter configuration are coming back.
      6. (Optional) To insert a hyperlink on the image, select Start of the navigation path (Add Image Components) Next navigation step Hyperlink Next navigation step .End of the navigation path

        For more information, see Linking to Another Page, Story, or External URL.

  3. On the (Styling) panel, select styling options for your image.

    For more information on styling images, see Formatting and Styling Items on a Story Canvas.