Skip to content
A file picker for Batch Connect applications
Vue JavaScript
Branch: master
Clone or download
MorganRodgers Merge pull request #9 from johrstrom/onready
main starts when doc is ready
Latest commit ae7ce5f Aug 15, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
src main starts when doc is ready Aug 15, 2019
.gitignore Initial commit Jul 20, 2019 Fix issue where file filter wouldn't work properly Aug 8, 2019
LICENSE.txt Initial commit Jul 20, 2019 Improved look and feel Aug 1, 2019
package.json Initial commit Jul 20, 2019
webpack.config.js Initial commit Jul 20, 2019
yarn.lock Initial commit Jul 20, 2019

Batch Connect - JS File Picker

GitHub Release GitHub License

A file picker for use with Batch Connect applications.


Download the latest release of form.js and place it in the root directory of your Batch Connect application. For example /var/www/ood/apps/sys/bc_jupyter/form.js.

Edit your Batch Connect form.yml so that the input you want to add a file picker to has a data attribute named data-filepicker with a value of true:

# form.yml
    label: 'Input File'
    data-filepicker: true
    readonly: true  # optionally only allow editing through the file picker

To navigate into a directory double click the entry. To select a directory just use a single click. The current directory may be filtered, and the filtering engine supports plain text and JavaScript-flavored regular expressions.


If you have custom logic that you would like to include in your form.js then you can clone this project and use it as a base for your own work. This project is managed using Yarn and built using Webpack. NodeJS version 10+ is recommended. Note that NodeJS 10+ is only a build-time dependency and OnDemand's regular version of Node does not need to be upgraded in order to use this module.

To setup the project for development run the command:

yarn install

To build the project run the command:

yarn run build


  1. Fork it ( )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request
You can’t perform that action at this time.