docassemble

The following plugins extend the functionality of bootstrap-fileinput and must be loaded before fileinput.min.js:

• piexif.min.js: Required for image resizing and auto-orienting/restoring EXIF data.
• sortable.min.js: Required if you want to allow users to sort or rearrange files in the initial preview.
• buffer.min.js & filetype.min.js: Required for advanced mime type parsing (ensures correct preview even if file extensions are incorrect).

You can provide custom labels for the unchecked and checked states using the data-labelauty attribute on your input elements. The default separator between the two labels is the pipe character |.

### Unchecked|Checked
Use a separator to define different labels for each state:
```html
<input type="checkbox" data-labelauty="Don't synchronize files|Synchronize my files"/>

Permanent Message

If you omit the separator, the text will act as a permanent label that does not change between states:

<input type="checkbox" data-labelauty="Synchronize my files"/>

Default Labels

If you omit the data-labelauty attribute entirely, the plugin uses its default labels (typically "Checked" and "Unchecked").

<input type="checkbox"/>

The plugin requires the following dependencies:

• jQuery: Latest 1.X version.
• Bootstrap: Latest 2.X or 3.X version (and its corresponding stylesheet).

To use Labelauty, include your checkbox or radio inputs in the HTML body and call the .labelauty() method once the document is ready.

<input type="checkbox"/>

$(document).ready(function(){
	$(":checkbox").labelauty();
});

Since jQuery is optional, you can exclude it from your bundle.

Browserify: Use the -u flag to unregister jQuery:

browserify --im -u jquery main.js > bundle.js

Webpack: Add a stub to your resolve.alias section in the Webpack config, and create a stub module that exports null.

Stub module (./jquery-stub.js):

module.exports = null;

Webpack Config:

resolve: {
    alias: {
         "jquery": path.join(__dirname, "./jquery-stub.js")
    }
}

Before using bootstrap-fileinput, ensure your environment meets the following requirements:

1. Bootstrap: Supports Bootstrap 5.x (since v5.2.0), 4.x (since v4.4.4), and 3.x.
2. jQuery: The latest version of jQuery is required.
3. Browser Support:
   • Modern browsers supporting HTML5 (inputs and FileReader API), CSS3, and jQuery.
   • For Internet Explorer, version 10 or higher is required for full functionality. IE9 and below will function as a standard file input without multiple selection or the HTML5 FileReader API.
4. AJAX Uploads: Requires browser support for HTML5 FormData and XHR2. If these are not supported, the plugin automatically degrades to standard form-based submission.

You can install the Bootstrap Combobox plugin using npm, Bower, or by manual download.

Npm

npm install @danielfarrell/bootstrap-combobox

Bower

bower install bootstrap-combobox

Manual Download

Include the following two files in your HTML project:

1. js/bootstrap-combobox.js
2. css/bootstrap-combobox.css

Labelauty supports accessibility by recognizing aria-label. When an aria-label is present on an input, Labelauty will automatically add tabindex, role, and checked attributes to ensure the enhanced UI remains accessible.

<input aria-label="This branch is awesome" type="checkbox"/>

You can install the bootstrap-fileinput plugin using several package managers depending on your project environment.

NPM

Use the npm package manager:

npm install bootstrap-fileinput

Bower

Use the bower package manager:

bower install bootstrap-fileinput

Composer

Use the composer package manager by running the following command:

php composer.phar require kartik-v/bootstrap-fileinput "@dev"

Alternatively, add the following line to your composer.json file:

"kartik-v/bootstrap-fileinput": "@dev"

Manual Installation

Download the source ZIP or TAR ball and extract the css and js folders directly into your project.

You can install are-you-sure using Bower or by manually including the standalone JavaScript file in your project.

Manual Installation: Download jquery.are-you-sure.js and include it in your page. For better performance, consider concatenating it with your other JS files.

Bower Installation:

$ bower install jquery.are-you-sure

Prerequisites:

• jQuery version 1.4.2 or higher (2.0+ or 1.10+ recommended).

Mobile Support: To provide experimental support for Mobile Safari (iOS), also include ays-beforeunload-shim.js in your page.

#!/bin/bash
$ bower install jquery.are-you-sure

You can install bootstrap-slider using Bower, npm, or a CDN.

Bower:

bower install seiyria-bootstrap-slider

npm:

npm install bootstrap-slider

CDN: Available via cdnjs.

Note: Ensure you load the plugin code after loading Bootstrap CSS and jQuery. Bootstrap 4 is not yet supported.