Use HTML in Polls

Resolved Nico
(@gooloode)

3 years, 1 month ago
Hello,

i want to ask my Users which font i should use. I therefore inserted this CSS in the Design Tab:

@font-face{font-family:Aaargh;src:url('/fonts/Aaargh.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:SK Modernist Regular;src:url('/fonts/SK-Modernist-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:Modern Sans Light;src:url('/fonts/Modern-Sans-Light.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

And then inserted in the Field like this:
```
<span style="font-family:SK Modernist Regular;font-size:16px;">SK Modernist Regular</span>
```
But it just shows the HTML (without an “Output”, so the entire HTML as is). Is there a way to fix this?

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Support Saurabh – WPMU DEV Support
(@wpmudev-support7)

3 years, 1 month ago

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

Thread Starter Nico
(@gooloode)

3 years, 1 month ago

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.

Thread Starter Nico
(@gooloode)

3 years, 1 month ago

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
Plugin Support Amin – WPMU DEV Support
(@wpmudev-support2)

3 years, 1 month ago
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
Thread Starter Nico
(@gooloode)

3 years ago

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

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Use HTML in Polls’ is closed to new replies.

Tags