Advanced Text Area


Intro
Advanced Text Area is a control that speeds up creating records.
Why advanced?
The control can be configured to let users attach files and set statuses
For installation follow the link here
Parameters
Control Key
This is a required input, and it must be unique if you use the control multiple times in the same screen
Button Label
Label of the button of the text area
Placeholder
Placeholder of the text area
ImgSrc
The source of the image, this will be passed to an "img" tag, so you can set a url or a base64 image
Profile Picutre
Display or hide the profile picture on the control
Options
The additional options the user can select from
For example: status of the record that will be created
For example: Sentiment indication, happy, neutral, unhappy
This is a JSON field, below is an example
[
{ "key": "complete", "label": "Complete", "imgSrc":"https://cdn-icons-png.flaticon.com/512/845/845646.png"},
{ "key": "pending", "label": "In progress", "imgSrc":"https://cdn-icons-png.flaticon.com/512/189/189792.png" },
{ "key": "cancel", "label": "Cancel", "imgSrc":"https://cdn-icons-png.flaticon.com/512/399/399274.png"}
]
Option Type:
{
key:string; //required
label:string; //required
imgSrc:string; //image url of the option
}
Attach
To enable or disable attaching files with the control, the attached files are stored in an array in the Attached Files parameter
Attachment Options
Attaching configurations in json, refer to this link to see configurations options
{
"allowMultipleFiles":true //enable multiple attachments
}
Output Parameters
Value
Entered text value
Option Selected
Select option key if any
Files Attached
Attached files by the user in array json object
Please refer to this link
[{"fileName":"thunder.svg","mimeType":"image/svg+xml","fileContent":"filecontent","fileSize":213}]
Subscribe to my newsletter
Read articles from Ahmad Sammour directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by

Ahmad Sammour
Ahmad Sammour
๐ I am a Low code/no code enthusiast with 7+ years of experience in ๐๐ข๐๐ซ๐จ๐ฌ๐จ๐๐ญ ๐๐จ๐ฐ๐๐ซ๐๐ฅ๐๐ญ๐๐จ๐ซ๐ฆ, ๐๐ฒ๐ง๐๐ฆ๐ข๐๐ฌ ๐๐๐ business apps and experience in other platforms and technologies. I help companies deliver solutions with a real business impact. Drove implementations for satisfied clients by โฌ๏ธ ๐ข๐๐ญ๐๐ข๐๐ฏ๐๐ฃ๐ ๐ซ๐๐ก๐ช๐, โฌ๏ธ ๐ข๐๐ฃ๐๐ข๐๐ฏ๐๐ฃ๐ ๐ง๐๐จ๐ with a focus on delivering business value, decreasing technical debt and ability to cope with rapid market changes.