Skip to main content
All CollectionsFAQsBuilding πŸ‘·β€β™‚οΈ
How to add images to radio, select or checkbox options
How to add images to radio, select or checkbox options

Lets explore how you can add images to options

Updated over a month ago

Every element within Team Forms offers a high degree of customization, including the option to incorporate/insert HTML content in various parts of your forms like the label or radio option. Using this advanced functionality you can include rich content like images into the options for any component like the radio, select or checkbox. However, in this guide we will use the radio component as an example.

By following the steps below you can insert an image into the label of an option:

  1. Open the setting for the component

  2. Navigate to the "data" tab where you have add your options.

  3. For each of the options you can include html in the "Label" column to render an image. Here is an example of some html to insert an image.
    ​

    <img width="100" src="insert image urm" />


    In the above html you need replace the src field with a public url to your image. However for many organisations it can be difficult to get a reliable public url for there internal images. In this case we recommend using this HTML image generator tool to convert the image into a url string.
    ​

Did this answer your question?