---
title: "Use File System Storage Options to Add Images to an FO Report"
slug: "use-file-system-storage-options-to-add-images-to-fo-report"
description: "This article will demonstrate how to add images from File System storage to FO using Lasernet Form Editor and how to set up the Form Editor."
tags: ["Finance and Operations", "Images", "File system storage options", "Lasernet FO Connector", "Form Editor"]
updated: 2026-02-05T10:36:51Z
published: 2026-02-05T10:36:51Z
canonical: "kb.lasernetgroup.com/use-file-system-storage-options-to-add-images-to-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 File System Storage Options to Add Images to a Dynamics 365 FO Report

This article will demonstrate how to add images from File System storage to 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?](/v1/docs/alternative-storage-options-to-add-images-to-fo-reports)
> 
> If instead you wish to use images from Azure Storage instead of the File System, see:
> 
> [Use Azure Storage options to add images to a Dynamics 365 FO report](/v1/docs/use-azure-storage-options-to-add-images-to-an-fo-report)

The steps for this process are as follows:

1. Ensure that the file path specified in the XML is present on the Server where Lasernet Developer is installed. You will make these nodes JobInfos. Click the **JobInfo** button (1 in the image below) in the left-hand toolbar and select the node for which you would like to create a JobInfo (2).

In this example, you will create the following nodes JobInfos:

- ImageStorage
- ImageFolder
- ImageExtension

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

The images to be used for the file path will appear as follows:

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

1. On the toolbar, click the arrow on the bottom-right of the **Image** icon and select **Job** > **File**. The cursor turns into a cross and can be used to select the applicable node(s) that will make up the image's file name.

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

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-X99MQAWB.png)

1. Once selected, right-click and a menu will appear. Select **Merge Output**.

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

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

![](https://cdn.document360.io/c831ef63-c6b3-48ee-b443-3e33644e4e2e/Images/Documentation/image-MK27TO4G.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-D97FWJCK.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-5DIMUG52.png)

1. The order of the objects should mimic the file path location where the image is stored. 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-P843SDWA.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-FS20QGA3.png)

1. Move the image to the desired location.

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

#### 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-BZQHW17N.png)

1. Click **OK** in **Pattern Properties**, navigate to the **First Page**, and check the spacing. To see the images, you may have to run JavaScript. This can be done in two ways: 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-GVYF36N4.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-Y7BBXMAC.png)