> For the complete documentation index, see [llms.txt](https://docs.labii.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.labii.com/widgets/column-widgets/form/file/image.md).

# Image

## **Specs**

<table><thead><tr><th width="306">Label</th><th>Value</th></tr></thead><tbody><tr><td><strong>Version</strong></td><td>1.1.0 (updated on 2024-03-05)</td></tr><tr><td><strong>Developer</strong></td><td>Labii Inc.</td></tr><tr><td><strong>Type</strong></td><td>Column</td></tr><tr><td><strong>Support Configuration</strong></td><td>Yes</td></tr><tr><td><strong>Support Readonly view</strong></td><td>Yes</td></tr><tr><td><strong>Support Edit view</strong></td><td>Yes</td></tr><tr><td><strong>Support Form view</strong></td><td>Yes</td></tr><tr><td><strong>Support Default value</strong></td><td>No</td></tr><tr><td><strong>Support Import</strong></td><td>No</td></tr><tr><td><strong>Allow multiple</strong></td><td>Yes</td></tr></tbody></table>

## Overview

The Image Widget is a user-friendly tool that enables users to effortlessly upload and display images. With a simple upload feature, this widget streamlines the process of adding visual content, making it easy to showcase pictures seamlessly within your platform or application.

## Use case

1. Use this widget to display a picture.

## Configuration

The widget is designed to function immediately without requiring any configuration. Nevertheless, you have the option to customize the image size.

* **Height -** The height of the image in pixels. Alternatively, you can specify a percentile value.
* **Max Height -** The max height of the image in pixels. Alternatively, you can specify a percentile value.
* **Width -** The Width of the image in pixels. Alternatively, you can specify a percentile value.
* **Max Width -** The Max Width of the image in pixels. Alternatively, you can specify a percentile value.

## Views

See the interface of the widget in the following views.

### **Readonly view**

Readonly view display the values of the column.

### **Edit view**

The Edit view is the interface that allows you to modify the value.

### **Form view**

The Form view is the field integrated into the add form for collecting values when creating a new record.

The Form view is same as the Edit view.

## Data

Each widget in Labii stores data in a unique manner; refer below to understand how data from this widget is stored.

### Data format

Image data

```
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchLAAAAAElFTkSuQmCC
```

### **Default value**

The Default Value field within the column allows you to specify the default value when a record is created.

Default value is not supported for this widget.

### **Import value**

The Import Value is the value you need to include in your Excel table for it to be imported into Labii.

Import value is not supported for this widget.