Skip to main content

File image control

Display an image stored in Alloy​

You can add any number of these to the layout of a flow document.

A File image control represents an image stored as a file within Alloy (e.g. an item attachment). It requires the Item ID of the desired image file, which can be obtained dynamically through a data source or supplied as a static value.

alt text

Add a File image control​

In the Document Layout Editor, select at the bottom (or within a container control) and then choose File image.

alt text

Set the value​

Select the pill shape inside the control and then supply the Item ID of the image file you want to display.

Either select Dynamic and link to a data source header (e.g. the Attachments header of an Item data source), or select Static and paste in a copied Item ID. To learn more, see Dynamic values.

Get the Item ID of an image file

  1. Search for the image by name or browse to it in the File Explorer.

  2. Select the file to view its details in the right panel.

  3. Use the top button to copy the ID to your device's clipboard.

alt text

Configuration​

Select the control to show its properties in the top toolbar.

alt text

Layout properties​

  • ​ Relative width - Auto by default. The control automatically sizes itself to display its content in full (space permitting). Alternatively, you can set a constant width. See Flow control width.

  • ​ Margins - adjust the gap between each side of the control and the content inside. See Flow control margins.

File image properties​

  • ​ Edit description - customise the control's description (shown in the toolbar).

  • ​ Remove - delete the control.

Note

To set the alignment of a File image control, move it inside a container control (Horizontal stack or Vertical stack), and then set the container's Child alignment property to Left (default), Right or Centre.