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. Please also see the "Example" App design provided as part of Evoke accounts that provides examples of these Widgets.
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. The values may be provided via a Classification
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 (populated as a Classification or Selection)
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. A dropdown list of options for data values that have to be selected from a range of allowable values via a button click. The values may be provided via a Classification
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 (populated as a Classification or Selection)
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
Is read only - is the field read only or not
Hide borders/background - if the field is read only hide the borders and background usually associated with input fields
Compressed Height - if read only removes spacing between labels to compress the height of several labels.
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 signature display and capture box
Capture Area Max width (px) - The maximum size of the signature capture panel
Widget Row Height - the height (in rows) of the signature capture panel
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 Path Suffix Data - the name of the image photo is provided by the uniquely initialied GUID value (which can be blank or nothing), this suffix data field allows for the name of the image to be populated from a datafield in the database (Entity).
Image Path Suffix (with .ext) - the name of the image photo is provided by the uniquely initialied GUID value, this suffix field defines the filetype extension to be added. In this example we have used .JPG which opens all images uploaded from mobile devices and those scanned/stored on a desktop computer.
Image Alternative Path - The alternative image to display as a background in the signature capture panel.
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