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 Demo of use
Widget Description
Editor Types
Example edit type
click image
A clickable button element. For a full example of the use of this widget in an app design please see here.
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptations
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. For a full example of the use of this widget in an app design please see here.
No Editor Specific options
A display only checkbox widget. For a full example of the use of this widget in an app design please see here
Compressed Height - removes spacing between labels to compress the height of several labels.
A checkbox and button compound widget. For a full example of the use of this widget in an app design please see here
Button Caption text - text in the button
Alternate Caption Text - Button text used by adaptations
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. For a full example of the use of this widget in an app design please see here.
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. For a full example of the use of this widget in an app design please see here
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 adaptations
Actions on click/tap: Evoke Click Actions
A non-editable textbox for displaying information. For a full example of the use of this widget in an app design please see here
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. For a full example of the use of this widget in an app design please see here
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. For a full example of the use of this widget in an app design please see here
Caption text - text in the button
Alternate Caption Text - Button text used by adaptations
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 (alphanumeric) data. For a full example of the use of this widget in an app design please see here
Minimum width (px) - minimum size of display field regardless of screen size
Maximum width (px) - maximum size of display field regardless of screen size
Text Alignment - contents to be Left justified (default), Centered or Right justified
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. For a full example of the use of this widget in an app design please see here.
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. For a full example of the use of this widget in an app design please see here
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 separate 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. For a full example of the use of this widget in an app design please see here
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 adaptations
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 separate 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. For a example of this widgets use please see here.
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 list of radio buttons allowing selection of a single option. For a example of this widgets use please see here
Options DataSource - the full path of the multiple entity data source used to populate the radio button list. Options Value Property - select from a dropdown list the property from the options data source entity to provide the value if selected. Options Caption Property - select from a dropdown list the property from the options data source entity the caption text for each radio button within the options list.
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 adaptations
Entity Properties to load - A space separated list of entity properties (of the selected entity) to be retrieved when a row from the drop down list is selected
Triggers a selection activity, against a specified DataSource, as the user types into the Widget. For a example of this widgets use please see here.
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 separated 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. For a example of this widgets use please see here.
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 separate 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 separated 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 selection activity being triggered when the button is clicked. For a full example of the use of this widget in an app design please see here.
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 adaptations
Entity Properties to load - A space separated 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. For a full example of the use of this widget in an app design please see here.
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 separate 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 adaptations
Entity Properties to load - A space separated 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. For a full example of the use of this widget in an app design please see here.
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. For a full example of the use of this widget in an app design please see here
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. For a full example of the use of this widget in an app design please see here.
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 adaptations
Actions on click/tap: Evoke Click Actions
An editable lookup widget. For a full example of the use of this widget in an app design please see here.
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 separate 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 lookup widget that also has a Button allowing Evoke Click Actions to be invoked. For a full example of the use of this widget in an app design please see here.
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 separate 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. For a full example of the use of this widget in an app design please see here.
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. For a full example of the use of this widget in an app design please see here.
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. For a full example of the use of this widget in an app design please see here.
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