Add images to radiogroup/checkbox with html in Oracle Apex

Question

I need to add Images to each Radio Group/Checkbox select option. The images needed for this are loaded in page items(Name: P17_AImage_1, P17_AImage_2, etc). In my case I use the Radio Group item(Name: P17_Single_Choice) or a Checkbox item(Name: P17_Multiple_Choice) to display question answers and the user can add images to his answers. With the options Apex gives me I do not seem to be able to add the image behind the answer text. So now I want to manually add the images with html behind each answer.

I was thinking something like this for every answer option in the Page HTML Body Section of the Page :

<label for="P17_Multiple_Choice_1"><img src="&P17_AImage_1" alt="text" /></label><input type="radio" id="P17_Multiple_Choice" name="radio" />

but I am aware that it does not work like this and the code as to be changed somehow. But since I am not really familiar with html and the way Apex wants it to look like, I am looking for help.

If there is an easier way of doing all this I am open for everything.

I want it to look somehow like this but with additional answer text above the images (in my case the answer text is selected as static values in the LOV Section of the Radiogroup/Checkbox with the Page items containing the text: https://srihariravva.blogspot.com/2020/05/oracle-apex-stylish-radio-buttons.html

question from:https://stackoverflow.com/questions/66051911/add-images-to-radiogroup-checkbox-with-html-in-oracle-apex

Answer 1

Waitting for answers