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 (example: Company logo).
  • Conditional (expression-driven): For example, define an expression to conditionally display a VIP icon to indicate a Very Important Customer (example: 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. Select a Control.
  3. On the Form Editor toolbar, select 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. Select the drop-down arrow on the Image button, select Image Alignment, and then select an alignment option within the control (example: Top-right).
  5. Publish the Blueprint to commit the changes, or save the Blueprint to continue making other changes.