---
title: "Use Azure Storage Options to Add Images to a Dynamics 365 FO Report"
slug: "use-azure-storage-options-to-add-images-to-an-fo-report"
description: "This article will cover how to use Azure Storage to added images to a report in FO using Lasernet Form Editor and how to set up the Form Editor."
tags: ["Finance and Operations", "Images", "Lasernet FO Connector", "Azure Storage options", "Form Editor"]
updated: 2026-03-02T16:31:37Z
published: 2026-03-02T16:31:37Z
canonical: "kb.lasernetgroup.com/use-azure-storage-options-to-add-images-to-an-fo-report"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://kb.lasernetgroup.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Azure Storage Options to Add Images to a Dynamics 365 FO Report

This article explains how to use Azure Storage to add images to a report in Dynamics 365 FO using Lasernet Form Editor and how to set up the Form Editor.

> [!NOTE]
> Note
> 
> For a detailed introduction on Lasernet Connector Setup, and the prerequisites for this task, see:
> 
> [How do I use alternative storage options to add images to a Dynamics 365 FO report?](https://formpipe.document360.io/v1/docs/alternative-storage-options-to-add-images-to-fo-reports)
> 
> If, instead, you wish to use images from File System storage instead of Azure, see:
> 
> [Use File System storage options to add images to a Dynamics 365 FO report](https://formpipe.document360.io/v1/docs/use-file-system-storage-options-to-add-images-to-fo-report)

In this example, the complete setup in Lasernet Form Editor for images stored in an alternative Azure Storage will be explained. To do this, you will need to obtain a connection string from Azure, which will be established using the following steps:

1. The connection to the Lasernet server must be configured in Azure Storage by setting the connection string. Open the Form Editor and select **Form** > **Form Options**.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-FJ0Y84L6.png)

1. Open the **Connections** FastTab and then click **Add**.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-KJVDDNJV.png)

1. Add the connection **Key** (1 in the following image) and then click **Test Connection** (2).

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-IU1WPZ8Z.png)

1. Once this connection has been established, click the **JobInfo** button (1 in the following image) in the left-hand side toolbar, and select the node that you would like to turn into a JobInfo (2). In this example, the following nodes will be selected as JobInfos:

- `ImageStorage`
- `ImageFolder`
- `ImageExtension`

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-1RYM234Z.png)

1. Open the Azure Storage path that contains the images to be used.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-X7TT0G5S.png)

1. On the toolbar, click the arrow on the bottom-right of the **Image** icon and select **Job** > **Azure Storage URL**.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-0CA71B27.png)

1. The cursor will turn into a cross. Use this to select the applicable node(s) that will make up the file name for the image. In this example, the following will be used:

- `FIELD_CustQuotationTrans_ItemId`
- `LABEL_InventDim_InventColorId`
- `LABEL_InventDim_InventSizeId`

1. The vertical red box in the following image contains three image rearrange blocks stacked on top of each other. Click and drag to create a box the same size as the purple box in the image to select the three image rearrange blocks.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-9W6MDN3G.png)

1. Once selected, right-click to display a menu. Select **Merge Output**.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-18ZO6XF5.png)

1. The three **image rearrange** blocks will be merged into a single block. Right-click **Rearrange**, and select **Objects**.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-FK6U303F.png)

1. Ensure that the image objects are arranged in the correct order to match the image file name. In the purple box, a value for the input object (values in the red box for **Object name**) is assigned to each object for easier readability, as shown in the following image:

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-D7VYPKYW.png)

1. Add the JobInfos that were created earlier using the file path information. To do this, click **Add**, select **JobInfo** for **Object type**, type in the name of the appropriate JobInfos, and finally use the name of the JobInfo to be the input object (**Object name**).

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-PJU2MZWA.png)

1. The order of the objects should mimic the file path location containing the image. You can adjust the objects with the **Move Up** and **Move Down** buttons.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-54KE2JG9.png)

1. Adjust the settings at the position to your desired values, then click **Ok**.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-DO84VKHX.png)

1. Move the image to the desired location.

#### Add Rearrange Spacing

Adjusting the spacing between the rearranges in the pattern can improve their readability and presentation. To adjust this spacing, implement the following steps:

1. Double-click **Pattern** to open the **Pattern Properties** (1 in the following image), open the **Output** tab (2), and adjust the **Progress** (3) to the desired spacing amount between each object (in this example, 12.0mm).

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-W8DQTJDI.png)

1. Click **OK** in **Pattern Properties**, navigate to the **First Page**, and check if the spacing is to your liking. To see the images, you may have to run JavaScript. This can be done from the following two methods: pressing **Shift** + **F5** on your keyboard, or in the top menu, clicking **View** > **Run JavaScript**.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-9LL1FIL9.png)

1. Click the **Preview** button in the top toolbar to see what the form's output will look like.

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-YFUCFB1J.png)