Evoke Widgets


Widgets are the UI input/display/image control options that can be included within the App being built with Evoke. Used together with Templates, inside Segments, they are fundamental to the App functions. The following is a summary of the Widgets available within Evoke.
Widget name
click for example
Widget Description
Editor Types
Example edit type
click image
A clickable button element
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Minimum width (px) - minimum size of button regardless of screen size
Maximum width (px) - maximum size of button regardless of screen size
Actions on click/tap: Evoke Click Actions
A checkbox widget for true/false values
No Editor Specific options
A display only checkbox widget
Compressed Height - removes spacing between labels to compress the height of several labels.
A checkbox and button compound widget
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Minimum width (px) - minimum size of button regardless of screen size
Maximum width (px) - maximum size of button regardless of screen size
Actions on click/tap: Evoke Click Actions
Custom
A custom implemented widget (creates all the Visual Studio hooks to hang the custom code on)
No Editor Specific options
A dropdown widget for capturing date values or on mobile devices a trigger to use the native datepicker e.g. a date scroll wheel
Minimum width (px) - minimum size of the input field for the date regardless of screen size
Maximum width (px) - maximum size of the input field for the date regardless of screen size
A non-editable textbox and button compound widget
Editor Size min (px) - minimum size of the Non-editable display text box
Editor Size max (px) - maximum size of the Non-editable display text box
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Actions on click/tap: Evoke Click Actions
A non-editable textbox for displaying information
Minimum width (px) - minimum size of display field regardless of screen size
Maximum width (px) - maximum size of display field regardless of screen size
Displays an image - this widget request additional information regarding the size, path etc for the image
Widget row height - specifies the height of the image e.g. single 936 px), singlex2 (76 px), singlex3 (116px), singlex4 (156px), etc
Image Path Type - is the image at a databound path (a path which incorporates the associated property value) or a Static Path (a non varying static path)
Image Path - the path to the folder where the image is stored
Only display if equal to - the image will only be displayed if the value of the bound property is equal to this value
is clickable - can you click on the image to invoke the actions
actions on click/tap
Actions on click/tap: Evoke Click Actions
A button widget that allows an image file to be picked from a computer (file manager) or created via a camera on the mobile device and uploaded
Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Image Path Type - is the image at a databound path (a path which incorporates the associated property value) or a Static Path (a non varying static path)
Image Path - the path to the folder where the image is stored
Only display if equal to - the image will only be displayed if the value of the bound property is equal to this value
image widgets to reload - the widget id'd of any image widgets that you want to be automatically refreshed when this image uploader uploads a new image
is clickable - can you click on the image to invoke the actions
actions on click/tap
Actions on click/tap: Evoke Click Actions
A non-editable display of text data
Minimum width (px) - minimum size of display field regardless of screen size
Maximum width (px) - maximum size of display field regardless of screen size
Compressed Height - removes spacing between labels to compress the height of several labels.
A non-editable display of a fixed area for multiple lines of text data
Minimum width (px) - minimum size of display field regardless of screen size
Maximum width (px) - maximum size of display field regardless of screen size
Widget Row Height - specifies the height of the multiline label e.g. single 936 px), singlex2 (76 px), singlex3 (116px), singlex4 (156px), etc
A dropdown list of options for data values that have to be selected from a range of allowable values
Minimum width (px) - minimum size of the input field regardless of screen size
Maximum width (px) - maximum size of the input field regardless of screen size
Data Source - use the build button to select the data source to use for the dropdown list
Drop Down Columns - use the Add button to select which field (property) to use from the selected data source for the drop down list, for multiple fields seperate properties with a space
Drop down size - the number of rows to appear in the drop down list before scrolling starts i.e. how big is the drop down list window
Actions on option select: Evoke Click Actions
A Lookup and Button Compound widget
Minimum width (px) - minimum size of the input field regardless of screen size
Maximum width (px) - maximum size of the input field regardless of screen size
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Actions on button click: Evoke Click Actions
Data Source - use the build button to select the data source to use for the dropdown list
Drop Down Columns - use the Add button to select which field (property) to use from the selected data source for the drop down list, for multiple fields seperate properties with a space
Drop down size - the number of rows to appear in the drop down list before scrolling starts i.e. how big is the drop down list window
Actions on click/tap: Evoke Click Actions
An editable text input for password entry - the input is obscured with * as the user types
input Hint - text that appears in the textbox (greyed out) as a hint as to what should be input
Minimum width (px) - minimum size of the input field regardless of screen size
Maximum width (px) - maximum size of the input field regardless of screen size
A textbox and button combination to allow entry and reading of a specified record key
Editor Size min (px) - minimum size of the editable text box
Editor Size max (px) - maximum size of the editable text box
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Entity Properties to load - A space seperated list of entity properties (of the selected entity) to be retrieved when a row from the drop down list is selected
Triggers a slection activity, against a specified DataSource, as the user types into the Widget
Minimum width (px) - minimum size of button regardless of screen size
Maximum width (px) - maximum size of button regardless of screen size
Selection name - choose from the drop down list of available selections the selection you would like to run when the button is clicked
Min Select Chars - the minimum number of characters that must be entered for a valid selection to be performed
Entity Properties to load - A space seperated list of entity properties (of the selected entity) to be retrieved when a row from the drop down list is selected
Displays selection results (from the specified DataSource) in dropdown window as the user types into the Widget
Minimum width (px) - minimum size of button regardless of screen size
Maximum width (px) - maximum size of button regardless of screen size
Selection name - choose from the drop down list of available selections the selection you would like to run when the button is clicked
Drop-down - which field (property) to use from the selected data source for the drop down list, for multiple fields seperate properties with a space
Min Select Chars - the minimum number of characters that must be entered for a valid selection to be performed
Entity Properties to load - A space seperated list of entity properties (of the selected entity) to be retrieved when a row from the drop down list is selected
A textbox and button comnination with selection activity being triggered when the button is clicked
Minimum width (px) - minimum size of button regardless of screen size
Maximum width (px) - maximum size of button regardless of screen size
Selection name - choose from the drop down list of available selections the selection you would like to run when the button is clicked
Min Select Chars - the minimum number of characters that must be entered for a valid selection to be performed
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Entity Properties to load - A space seperated list of entity properties (of the selected entity) to be retrieved when a row from the drop down list is selected
A textbox and button combination with a dropdown window displayed (showing the results of the selection for the user to select from) that is displayed when the button is clicked
Minimum width (px) - minimum size of button regardless of screen size
Maximum width (px) - maximum size of button regardless of screen size
Selection name - choose from the drop down list of available selections the selection you would like to run when the button is clicked
Drop-down - which field (property) to use from the selected data source for the drop down list, for multiple fields seperate properties with a space
Min Select Chars - the minimum number of characters that must be entered for a valid selection to be performed
Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Entity Properties to load - A space seperated list of entity properties (of the selected entity) to be retrieved when a row from the drop down list is selected
A block of read-only static text. This input for this widget can be just straight text OR HTML which can be used to format the static text
Text - A block of text to be displayed. Tcan be formatted with standard HTML tags eas shown in the example
Center text - text will be centered in the segment
A textbox and button combination compound widget
Editor Size min (px) - minimum size of the editable text box
Editor Size max (px) - maximum size of the editable text box
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptatations
Actions on click/tap: Evoke Click Actions
An editable lookup widget
Minimum width (px) - minimum size of the input field regardless of screen size
Maximum width (px) - maximum size of the input field regardless of screen size
Data Source - use the build button to select the data source to use for the dropdown list
Drop Down Columns - use the Add button to select which field (property) to use from the selected data source for the drop down list, for multiple fields seperate properties with a space
Drop down size - the number of rows to appear in the drop down list before scrolling starts i.e. how big is the drop down list window
Actions on option select: Evoke Click Actions
An editable multi-line text input Widget
Minimum width (px) - minimum size of the input field regardless of screen size
Maximum width (px) - maximum size of the input field regardless of screen size
Rows - the number of rows in the Textarea
Is read only - a checkbox that indicates if the textarea is editable or just read only.
An editable single line text input widget for alpha-numeric or numeric values
input Hint - text that appears in the textbox (greyed out) as a hint as to what should be input
Minimum width (px) - minimum size of the input field regardless of screen size
Maximum width (px) - maximum size of the input field regardless of screen size
Max input length - maximum number of characters the text box will let the user input e.g. 4
A dropdown widget for capturing time values or on mobile devices a trigger to use the native timepicker e.g. a time scroll wheel
Minimum width (px) - minimum size of the input field regardless of screen size
Maximum width (px) - maximum size of the input field regardless of screen size