Add an Image to a Control

Use the Form Editor (accessed from within a Blueprint in CSM Administrator) to add an image to a Control. Images can be:

• Imported: Any image stored in the Image Manager.
• Stored Values: An image stored as a Stored Value (ex: Company logo).
• Conditional (Expression-driven): For example, define an Expression to conditionally display a VIP icon to indicate a Very Important Customer (ex: a CEO).
• None: Control does not use an image.
• Aligned: To the Top/middle/bottom and left/right/center of the Control.

Good to know:

• Banner, Button, and Link Label Controls support images.
• See Form Editor Behaviors for tips on working with Controls and the Form Editor.

To add an image to a Control:

1. Open a Form in the Form Editor.
2. Click a Control.
3. On the Form Editor toolbar, click the drop-down arrow on the Image button , and then select one of the following options:
   • Browse: Opens the Image Manager to select an image to show on the Control.
   • From Stored Value: Opens the Stored Value Manager to select an existing/create a new Stored Value to use.
   • Custom Expression: Opens the Custom Expression Builder to create a custom Expression to use only for this scenario.
   • Expression Manager: Opens the Expression Manager to select an existing stored Expression or create a new stored Expression to use. Stored Expressions can be reused in numerous places in CSM.
   • None: Does not use an image.
4. Align the image:
   1. Click the drop-down arrow on the Image button, select Image Alignment, and then select an alignment option within the Control (ex: Top-right).
5. Publish the Blueprint (File>Publish Blueprint) to commit the changes, or save the Blueprint (File>Save Blueprint) to continue making other changes.