Let us have a closer look at the novelties included in the release.<\/p>\n
Inline Editing<\/h5>\n
When working with a JavaScript file uploader<\/a>, it is always nice to have the opportunity to quickly edit specific files without toggling between different views. The new inline editing<\/a> feature of DHTMLX Vault helps end-users to change the name of a file on the fly by simply double-clicking on it. <\/p>\n This editing option is enabled by default with the editable<\/strong> property. If it is needed to disable the inline editing, just set the property to false<\/em>.<\/p>\n Starting from v4.1, DHTMLX Vault provides support for keyboard navigation<\/a>. This important feature contributes to the accessibility and usability of the Vault component. It allows navigating a file uploader with a set of keys rather than with a mouse.<\/p>\n For instance, it is possible to use arrow keys to switch between files, Enter<\/strong> to open the editor in the selected file, Ctrl+A<\/strong> (Cmd+A<\/strong>) shortcut to select all uploaded files, and Delete<\/strong> to remove them. Keyboard navigation can be especially helpful for users with vision impairment and mobility disabilities.<\/p>\n Uploading a large number of files can be a time-consuming task. Now you have a chance to speed up this process in the Vault by not showing previews for recently added files<\/a>. <\/p>\n This functionality is enabled by setting the disablePreview<\/strong> property to true<\/em>.<\/p>\n If you want to test the brand-new Vault features in your own scenarios, make use of a free 30-day trial version<\/a>. Our current clients can get acquainted with the latest version of the Vault component in their Client\u2019s Area<\/a>.<\/p>\n We encourage you to share your thoughts on the features delivered in v4.1. Feel free to express your opinions in the comments below.<\/p>\n Take care and don\u2019t forget to regularly visit our blog for more updates and other useful articles.<\/p>\n We are excited to announce that DHTMLX Vault has been updated to version 4.1. The new minor release comes with a range of useful features designed to make your …<\/p>\n","protected":false},"author":101012,"featured_media":9405,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70],"tags":[33,16,4],"class_list":["post-9395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-releases","tag-all-posts","tag-dhtmlxvault","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/9395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/101012"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=9395"}],"version-history":[{"count":9,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/9395\/revisions"}],"predecessor-version":[{"id":9411,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/9395\/revisions\/9411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/9405"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=9395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=9395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=9395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"DHTMLX](\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2021\/11\/image1.gif\")
Check the code snippet ><\/a><\/p>\n
\n mode:<\/span> "grid"<\/span>,<\/span>
\n uploader:<\/span> {<\/span>
\n target:<\/span> "https:\/\/docs.dhtmlx.com\/vault\/backend\/upload"<\/span>,<\/span>
\n }<\/span>,<\/span>
\n downloadURL:<\/span> "https:\/\/docs.dhtmlx.com"<\/span>,<\/span>
\n editable:<\/span> true<\/span>
\n}<\/span>)<\/span>;<\/span><\/div><\/div>\nKeyboard Navigation<\/h5>\n
![\"DHTMLX](\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2021\/11\/image3.gif\")
Check the code snippet ><\/a><\/p>\nDisabling File Preview<\/h5>\n
![\"DHTMLX](\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2021\/11\/image2.png\")
Check the code snippet ><\/a><\/p>\n
\n mode:<\/span> "grid"<\/span>,<\/span>
\n disablePreview:<\/span> true<\/span>,<\/span>
\n uploader:<\/span> {<\/span>
\n target:<\/span> "https:\/\/docs.dhtmlx.com\/vault\/backend\/upload"<\/span>,<\/span>
\n }<\/span>,<\/span>
\n}<\/span>)<\/span>;<\/span><\/div><\/div>\nRelated Materials:<\/h5>\n
\n