Use HTML in Polls

Hi @gooloode

Hope you are doing fine!

The HTML code is escaped as a security protection to avoid injecting any malicious code that can affect your visitors.

Since you need to show the type of font the users will select, we’ll recommend to use screenshots of the fonts (or text using the font) and then enable images in the answers. In this way you can attach those images and the visitors of the site will get to see them as you expect.

Please find more info in the documentation link below:
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#answers

Hope this information helps.

Kind regards

Luis

Hi Luis, thank you so much i’ve now switched to images. And i hindsight, that actually makes a lot of sense. Thanks for clearing that up.

Hi Luis,

i have another issue. The Form seems extraordinary large. I want to compromise it to the bare minimum. And, the images are only shown in a small square, so you don’t even see how the fonts look. Can you help me with that?

Export: https://drive.google.com/file/d/1ULe9ZY04k48oT28MEqzNoUDJbvdSvrY3/view?usp=sharing

Hello @gooloode ,

In this case, I would advise changing the layout of the poll to a grid and 3 columns:
https://www.evernote.com/shard/s134/sh/236fd4ab-4800-4330-8aaf-0875e9258cc2/xlmlG7vaWMQZSUj_6bXlWt6FX23XLVLt_45Apb-aqblJ8fF8egu0ZQSymQ/deep/0/image.png

The add following CSS to Appearance -> Customize – Additional CSS:

#forminator-module-108 .forminator-ui.forminator-poll[data-design=default] .forminator-radio .forminator-radio-image span {background-size: contain !important;}

#forminator-module-108:not(.forminator-size--small) .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image span {
	height: 50px !important;
}

#forminator-module-108:not(.forminator-size--small) .forminator-poll--column .forminator-radio.forminator-has_image {
	padding-top: calc(50px + 15px) !important;
}

Change 108 to your form’s ID.

kind regards,
Kasia

I’m sorry but that all still looks pixelated. I’m gonna have to find another solution.