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:
Open the setting for the component
Navigate to the "data" tab where you have add your options.
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 thesrc
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.
β