Skip to content

Image

The Element type Image allows you to display images on the dashboard. You can configure it to show static images or dynamically link images.

Configuring an Image

To configure an image, follow these steps:

  1. Click on the search icon in the top-right corner .
  2. Search for Business Portals - Dataset List and open the page.
  3. Select the dataset you want to configure the element for.
  4. On the newly opened dataset page, execute the action Dashboard Groups.
  5. Create a new line or select an existing one. For more info about how to set up a dashboard, follow this documentation.
  6. To assign the element the image type, select it via the Element View Style field.
  7. There is a fact box called Web Content on the page. If it's not visible, click on the info icon in the top-right corner.
  8. Execute the Edit action of the fact box.
  9. Here you can define all properties of your image.

Tip

The Image element can be used for branding, visual representation of data, or dynamic visual cues.

Metadata for Image

In the General section, you can define the basic properties of the image:

  • Caption: Defines the label shown for the image element.
  • Subtitle: Adds an optional subtitle.
  • CSS Class - Header: Specifies a custom CSS class for styling the header.
  • CSS Class - Content: Specifies a custom CSS class for styling the content.

Image Settings

In the Image Settings section, you can configure additional properties: - +: with this you can uplaod an Image to Business Central to be used in Business Portals - Link: Defines the URL of the image to be displayed. This can be a static link or dynamically retrieved from a dataset.

Tip

If you have configured, an Image and its not shown in the BusinessPortals Portal, visit {your-portal-uri}/DownlaodImages.aspx, and enter your credentials, this will trigger the Download process and your images will be shown.

Styling an Image Element

You can style the image element using custom CSS classes defined in the CSS Class - Header and CSS Class - Content fields. This allows for better integration with the overall dashboard design.

See Also