How to attach separate embedded html to each of the options in a radiogroup?

Ask the community
,
1

I was able to use embedded HTML to show complex math equations using MathJax.

However, I like to show 4 to 5 different embedded HTML with different math equations, update the equations by code, and each of them has a radio button at the front (all belonging to the same radiogroup), and user can only pick one of them before click on a submit button for submission. Any idea/suggestions how to achieve that? Thanks

2

You can do that easily by sending data from the html to the page and vice versa, see here for more info.
https://support.wix.com/en/article/corvid-working-with-the-html-element
https://www.wix.com/corvid/reference/$w.HtmlComponent.html

3

thanks for the info, however, i don’t think you understand my question correctly. it’s the radio button that I am having issue, not the embedded html object.

the problem is due to restriction with radio buttons. although can change “options” and assign “label” of a radio button group, all the options are displayed closely one after each other, and there’s no way to attach an embedded html object to each of the individual options of a radio button.

4

Ok, i worked it out myself. Using a checkbox rather than a radio button, and by changing the “design” and set the “corner” to 10px, I can make a checkbox looks like a radio button, then attach a checkbox to every embedded html, then use some code to reset other checkboxes when any of them been checked.

only issue left now is, it shows a tick instead of a round full circle in the middle when it’s “checked”, any idea how that can be changed?

893×547 21.3 KB