If you’re looking to create more visually dynamic apps, or to transform static images into tailored, customer-specific results, the Dynamic Image control is a great place to start.
This example app demonstrates how the Dynamic Image control can be used to change the visual context based on a selection
Selection-based visual context
Dynamic Images are sometimes used in conjunction with a selection control, to make it instantly clear to the user which selection has been made.
The ‘Fingaxil’ app above contains a good example of this. The flag next to the button changes based on the map selection, providing an immediate visual cue that makes it clear which country has been chosen.
Similarly, you can use a Dynamic Image to confirm a selection, by displaying an image of a checkmark when the entry is valid, or to show the correct product type when the user selects from a range of options.
Custom selection controls
You can use the Dynamic Image to create custom selection controls. We see this most often with selection maps, such as in the example below.
This example app demonstrates the use of the Dynamic Image control to create a custom selection map for the islands of Japan
Make static images dynamic
Another way to use this control is to introduce an element of interactivity and customer-specificity to static images.
While the native data visualization controls (such as the Bar Chart or Column Chart) are usually the best tools for creating dynamic data visualizations, you can also use static images to create a similar effect, by setting a Dynamic Image to display a particular chart or graph, according to the customer’s inputs.
For more information about the Dynamic Image control, access the Editor Reference Guide from within your account.