This sample plug-in is available for educational purposes.
Use this plug-in to understand how Kintone plug-ins work, and how they are structured.
A non-packaged version written with a single JavaScript file can be found here https://kintone.dev/en/tutorials/autofill-data/add-leading-zeros-to-numbers/
This plug-in sample zero-fills a number, and sets it into a text field.
This sample plug-in is created with the following directory structure.
src/
├── html/
│ └──── config.html
├── css/
│ ├──── 51-modern-default.css
│ └──── config.css
├── js/
│ ├──── config.js
│ └──── desktop.js
├── image/
│ └──── abacus.png
└── manifest.json
To simply test out the plug-in on your Kintone domain, follow these steps:
- Download the plug-in zip file
Reference: https://github.com/kintone/SAMPLE-Date-input-button-Plug-in/releases - Install the plug-in into your domain
Reference: https://get.kintone.help/hc/en-us/articles/115001519707-Installing-Viewing-Plug-ins - Add the plug-in to a specific Kintone App
Reference: https://get.kintone.help/hc/en-us/articles/115001511188-Adding-Plug-ins-to-an-App - Make sure that a number field and text field are placed into the form of an App.
- From the plug-in settings, set the number and text fields, as well as the number of digits you'd like the zero-filled number to have.
- Create a new record and enter in a number into the number field. The text field will reflect the same number with zeros filled into the beginning to make the number the designated number of digits.
- Fork to your repo
- Make changes to files under /src
- Repackage the plug-in by:
i. Zipping the manifest.json file, css directory, html directory, image directory and js directory into one zip file.
ii. Drag and dropping the file into the kintone plug-in packer.
As this repo exists for educational purposes, we will most likely turn down pull requests that contain updates with new features.
Please feel free to host plug-ins with new features on your own repository.
Bug fixes are happily accepted.