Skip to main content


A handy control for quick and easy uploading of a file or a set of files.

SimpleVault control

Related sample: Form. All controls

Related sample: Form. Simple Vault

Adding SimpleVault

You can easily add a SimpleVault control during initialization of a form:

const form = new dhx.Form("form_container", {
rows: [
type: "simpleVault",
label: "i am simpleVault",
labelWidth: "120px",
labelPosition: "left",
disabled: false,
required: false


View the full list of configuration properties of the SimpleVault control.

Working with SimpleVault

You can manipulate a SimpleVault control by using methods or events of the object returned by the getItem() method.

For example, you can get the value of the control:

const value = form.getItem("simpleVault").getValue();


Check the full list of methods of the SimpleVault control.


Check the full list of events of the SimpleVault control.

Using DataCollection API

You can manipulate a SimpleVault control with the help of the DataCollection API.

For example, you can remove one or all files from the list. To do that, you need to apply the remove, or removeAll method of DataCollection to the object returned by the getItem() method as follows:



Uploading files

You can read about uploading files into a SimpleVault control in the related article.