Tech Tip: How to Implement Image Capture Feature in Qodly Studio Project
PRODUCT: Qodly Studio | VERSION: 20 R | PLATFORM: Mac & Win
Published On: October 13, 2025
When developing with Qodly Studio, there are many custom components that can add a wide range of functionality to a project, such as image capturing via a webcam. To implement this, download the latest release of the custom WebCam component from here and install it in the project. Then, add the custom component to the page.
The Qodly source of the component must bind to a picture field, so first create a table field that is picture type, and then create a Qodly source on the page that is entity type and has matching Dataclass.
Then, in the On Loaded event of the page, call a function that creates an entity from the table and outputs the entity, which binds to the newly-created Qodly source. For example:
Finally, bind the Qodly source of the WebCam component to the picture field of the entity source.
Now, when an image is captured by the webcam using the component, the image will be loaded into the picture field, thus an image component that binds to the same picture field will hold the captured image.
The Qodly source of the component must bind to a picture field, so first create a table field that is picture type, and then create a Qodly source on the page that is entity type and has matching Dataclass.
Then, in the On Loaded event of the page, call a function that creates an entity from the table and outputs the entity, which binds to the newly-created Qodly source. For example:
| exposed Function createGuestEntity()->$guest : 4D.Entity $guest:=ds.Guests.new() |
Finally, bind the Qodly source of the WebCam component to the picture field of the entity source.
Now, when an image is captured by the webcam using the component, the image will be loaded into the picture field, thus an image component that binds to the same picture field will hold the captured image.