Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Add Images to Checkbox / Radio Button Elements

  • Updated:

Checkboxes and Radio Button elements can include images to help users pick the correct options.

 

Instructions

 

  1. Sign in to your site
  2. Create or edit an existing form and navigate to the Builder tab
    Forms, Builder tab.
  3. Click Add New Element
    Add New Element.
  4. Add a Radio Buttons or Checkboxes element to the form
    Radio buttons or checkboxes elements.
  5. Add a Label for the element and toggle on the Display as Buttons option
    Radio button label and display as buttons.
  6. Enter Custom Options for the buttons
    Radio button custom options.
  7. Select the camera icon next to an option
    Radio button camera icon.
  8. Drag an image or click to upload an image
    Radio button upload image.
  9. Use the cropping tool to zoom in/out on the image and select the position
    Radio button crop image.
  10. Click Upload
    Radio button upload image button.
  11. Upload images for the remaining options, as needed
    Radio button camera icons for remaining options.
  12. Scroll up and click Save
    Save builder.
  13. Your form will now display images for the radio buttons/checkboxes
    Image Radio Button Example.

Comments

Let us know what was helpful or not helpful about the article.

0 comments

Please sign in to leave a comment.