There are 6 possible combinations of property types and property definitions of a canvas component and this content page describes them all.
Action
This custom property type extends a canvas component with an action. An action can be called from within a canvas app and returns data to that canvas app.
Parameters can be defined which allows for a canvas app to send data to the canvas component instance.
Data – Input
This custom property type and property definition makes it possible to send data from a canvas app to a canvas component instance. The selected data type determines the data format how the data must be offered to the custom property.
Date – Ouput
This custom property type and property definition makes it possible for a canvas app to receive data from a canvas component instance. The selected data type determines the data format how the data is returned by the custom property.
Event
This custom property type extends an canvas component with an event. An event is an event that happens in the canvas component instance, like a button click (OnSelect). The custom property defines the logic to execute in the canvas app when the event occurs.
Parameters can be defined which allows the canvas component instance to send data back to the canvas app. This value of a parameter is only available in the related custom property of the canvas component instance and not within the whole canvas app.
Function – Input
This custom property type and property definition makes it possible to define a function in a canvas app to be used by a canvas component instance.
Parameters can be defined which allows for the canvas component to send data to the canvas app.
Function – Output
This custom property type and property definition extends a canvas component with a function. The function can be called from within a canvas app and return data to that canvas app.
Parameters can be defined which allows for a canvas app to send data to the canvas component instance.
Video
This video demonstrates all 6 possible combinations of property types and property definitions of a canvas component:
- Action
- https://www.youtube.com/watch?v=1BqWViUh774 (🎥 2023-11-20)
- Data – Input
- https://www.youtube.com/watch?v=xOnbpAhHW_c (🎥 2023-11-20)
- Data – Output
- https://www.youtube.com/watch?v=baYSs6UE6UY (🎥 2023-11-20)
- Event
- https://www.youtube.com/watch?v=XG_5Fi9hsKs (🎥 2023-11-20)
- Function – Input
- https://www.youtube.com/watch?v=BE2S_BWulxQ (🎥 2023-11-20)
- Function – Output
- https://www.youtube.com/watch?v=qk0Pu8VYId8 (🎥 2023-11-20)
In de videos, a canvas app is used which can be downloaded from my GitHub repo: https://github.com/formsandflows/PowerLibrary/tree/main/Canvas%20components%20-%20Custom%20property%20types