avatar-field
This component is used to upload an image as an avatar. You can use images from your device or use your camera to take a picture.
avatar-field can only be used in a jig.default inside of a form component and is only compatible with dynamic or SQL data, so that the image has somewhere to be saved.
Some properties are common to all components, see Common component properties for a list and their configuration options.
The core structure includes: instanceId and label
Other options:
- icon - There is a list of icons available, but you can customize the design with your own icon.
- color - There is a list of colors available. The color is used in combination with the condition when.
- maximumFileSize =6 * 1024 * 1024 by default. Set the value to none if no size evaluations must be performed. File size format is in bytes.
Avatar field example
This component uploads pictures for avatars. After clicking on the plus next to the avatar, a menu will appear where we can choose whether to upload an existing image from our device or use the camera to take a new image. After loading and cropping the image, we press the "Upload picture" button at the bottom, which calls the action to save the image.
Examples:
See the full example using dynamic data in GitHub.
