The Image control adds an Image to a Coach and can be programmed to have an on-click event. The Image Control comes with many easy to configure behavior and appearance options.
Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information).
The Image control can be bound to a String variable.
Prevent Multiple Clicks Prevent the user from clicking the image more than once when on click event is programmed
Image URL Type Web, External, Server, Design. Note that for all images not being hosted on the local server, external should be used.
Image App Acronym Acronym of the process app the image is located in. This is optional and defaults to the current process app.
Default Image URL URL for default image. See below under 'How to Add Images to Managed Files' on detailed information on uploading Image files to Process Designer.
Default Image URL Type Web, External, Server, Design. Note that for all images not being hosted on the local server, external should be used.
Default Image App Acronym Default acronym of the process app the image is located in. This is optional and defaults to the current process app.
Border Radius Roundness of the image
Width Width in px, %, em; ex. 50px, 20%, 0.4em. If no unit is specified, px is assumed
Height Height in px, em; ex. 50px, 0.4em. If no unit is specified, px is assumed
How to Add Images to Managed Files
1. Click the plus (+) sign next to 'Files' and select 'Web File'
2. Click 'Browse' and select desired image, once done you should see the image in the Web File list
These are the configuration option settings...
This is the result ...
Note: The Image is inside a Vertical layout, which is inside a Well
With the Image control, there are 2 types of event handlers:
- On Load When the page loads
- On Click When the Image is clicked
For detailed information on the available methods for this control, access the JS Doc file.
- Author: Courtney Silva
- Date Created: June 8, 2015
- Date Modified: August 3, 2015