|
|---|
| Customized text inside placeholder of text type field |
Use this field plug-in to use customized text in the placeholder of text type field.
For this field plug-in, enter the text for the text parameter (see Parameters below), and that text will be shown into the field's placeholder. It can only be used with text field type.
This plug-in was developed based on the baseline-text field-plug-in, therefore, also supports the additional improvements in the baseline-text field-plug-in.
| Feature / Property | Support |
|---|---|
| Supported field type(s) | text |
| Default values | Yes |
| Custom constraint message | Uses default behavior |
| Custom required message | Uses default behavior |
| Read only | Yes (shows the current value, if present) |
| media:image | Yes |
| media:audio | Yes |
| media:video | Yes |
number appearance |
Yes |
numbers_decimal appearance |
Yes |
numbers_phone appearance |
Yes |
To use this field plug-in as-is, just download the text-placeholder.fieldplugin.zip file from this repo, and attach it to your form.
To create your own field plug-in using this as a template, follow these steps:
-
Fork this repo
-
Make changes to the files in the
sourcedirectory.- Note: be sure to update the
manifest.jsonfile as well.
- Note: be sure to update the
-
Zip the updated contents of the
sourcedirectory. -
Rename the .zip file to yourpluginname.fieldplugin.zip (replace yourpluginname with the name you want to use for your field plug-in).
-
You may then attach your new .fieldplugin.zip file to your form as normal.
There is one parameter, text, which is the custom text. The following example can be used in appearance for a text field:
custom-text-placeholder(text='Please write the full name')
- Test form
extras/testform - Developer documentation
Instructions and resources for developing your own field plug-ins.
https://github.com/surveycto/Field-plug-in-resources - User documentation
How to get started using field plug-ins in your SurveyCTO form.
https://docs.surveycto.com/02-designing-forms/03-advanced-topics/06.using-field-plug-ins.html