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 Control 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.