https://github.com/surveyjs/custom-widgets

The collection of custom widgets for SurveyJS: Survey Library and Survey Creator :package:
https://github.com/surveyjs/custom-widgets

form-builder survey-creator survey-maker surveyjs surveys third-party-libraries

Last synced: about 2 months ago
JSON representation

The collection of custom widgets for SurveyJS: Survey Library and Survey Creator :package:

• Host: GitHub
• URL: https://github.com/surveyjs/custom-widgets
• Owner: surveyjs
• License: mit
• Created: 2017-10-09T12:46:23.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-05-21T10:09:13.000Z (4 months ago)
• Last Synced: 2024-05-21T11:50:30.728Z (4 months ago)
• Topics: form-builder, survey-creator, survey-maker, surveyjs, surveys, third-party-libraries
• Language: JavaScript
• Homepage: https://surveyjs.io
• Size: 3.28 MB
• Stars: 77
• Watchers: 9
• Forks: 77
• Open Issues: 46
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - surveyjs/custom-widgets - The collection of custom widgets for SurveyJS: Survey Library and Survey Creator :package: (others)

README

        
## Widgets 

[![Build.Node.js CI](https://github.com/surveyjs/custom-widgets/actions/workflows/build.node.js.yml/badge.svg)](https://github.com/surveyjs/custom-widgets/actions/workflows/build.node.js.yml)

[![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)](LICENSE)

- select2: [site](https://select2.org/), [repo](https://github.com/select2/select2), license: MIT

- select2tagbox: [site](https://select2.org/), [repo](https://github.com/select2/select2), license: MIT

- icheck: [site](http://icheck.fronteed.com/), [repo](https://github.com/fronteed/iCheck/), license: MIT

- inputmask: [site](http://robinherbots.github.io/Inputmask/), [repo](https://github.com/RobinHerbots/Inputmask), license: MIT

- jquerybarrating: [site](http://antenna.io/demo/jquery-bar-rating/examples/), [repo](https://github.com/antennaio/jquery-bar-rating), license: MIT

- jqueryuidatepicker: [site](https://jqueryui.com/datepicker/), [repo](https://github.com/jquery/jquery-ui), license: https://github.com/jquery/jquery-ui/blob/master/LICENSE.txt

- nouislider: [site](https://refreshless.com/nouislider/), [repo](https://github.com/leongersen/noUiSlider), license: https://github.com/leongersen/noUiSlider/blob/master/LICENSE

- sortablejs: [site](http://sortablejs.github.io/Sortable/), [repo](https://github.com/RubaXa/Sortable), license: MIT

- ckeditor: [site](https://ckeditor.com/ckeditor-4/), [repo](https://github.com/ckeditor/ckeditor-dev), license: https://github.com/ckeditor/ckeditor-dev/blob/major/LICENSE.md

- pretty-checkbox: [site](https://lokesh-coder.github.io/pretty-checkbox/), [repo](https://github.com/lokesh-coder/pretty-checkbox/), license: https://github.com/lokesh-coder/pretty-checkbox/blob/master/LICENSE

- bootstrap-slider: [site](http://seiyria.com/bootstrap-slider/), [repo](https://github.com/seiyria/bootstrap-slider), license: https://github.com/seiyria/bootstrap-slider/blob/master/LICENSE.md

- recordrtc: [site](http://recordrtc.org/), [repo](https://github.com/muaz-khan/RecordRTC), license [MIT](http://spdx.org/licenses/MIT.html)

- imageHotArea [repo](https://github.com/TheNetworg/surveyjs-plugin-hotarea), licence: MIT

## Getting started

es5 examples: https://surveyjs.io/Examples/Library/?id=custom-widget-select2-tagbox  

es modules examples: https://stackblitz.com/edit/surveyjs-widgets-react

Install the library using es5.

```

```

Install the library using npm.

```

npm install surveyjs-widgets

```

Or use unpkg CDN:

https://unpkg.com/surveyjs-widgets@{version-number}/surveyjs-widgets.min.js

You find all versions/builds in the [surveyjs/build repo](https://github.com/surveyjs/builds).

## Building surveyjs-widgets from sources

To build library yourself:

1.  **Clone the repo from GitHub**

    ```

    git clone https://github.com/surveyjs/widgets.git

    cd surveyjs-widgets

    ```

2.  **Acquire build dependencies.** Make sure you have [Node.js](http://nodejs.org/) installed on your workstation. This is only needed to _build_ surveyjs from sources.

    ```

    npm install

    ```

3.  **Build the library**

    ```

    npm run build

    ```

    After that you should have the libraries (angular, jquery, knockout, react and vue) at 'packages' directory.

4.  **Add your own custom widget**

    Please go to [this plunker](https://plnkr.co/edit/dL5LwrEmGZsCfsPW) and select `customwidget.js` to review the code and comments.

    The [same plunker example](https://plnkr.co/edit/8092Z3gQseG32fOA), but for Survey Creator / Form Builder

## License

[MIT license](https://github.com/surveyjs/widgets/blob/master/LICENSE)