Changing Radio input type to button input type

Hi inkedkoi,

You can follow this tutorial to modify the radio button (apply these changes to the CSS section of your template):

https://viralpatel.net/blogs/css-radio-button-checkbox-background/

Next, edit inc/yop_poll_model.php and in answer_replace_callback functions replace

$temp_string = str_ireplace( '%POLL-ANSWER-CHECK-INPUT%', '<input type="radio" checked="checked" value="' . $answer['id'] . '" name="yop_poll_answer" id="yop-poll-answer-' . $poll_id . $unique_id . '-' . $answer['id'] . '" />', $m[5] );

(approximately on line 3461) with

$temp_string = str_ireplace( '%POLL-ANSWER-CHECK-INPUT%', '<input type="radio" checked="checked" value="' . $answer['id'] . '" name="yop_poll_answer" id="yop-poll-answer-' . $poll_id . $unique_id . '-' . $answer['id'] . '"  onclick="jQuery( \'#yop_poll_vote-button-' . $poll_id . $unique_id . '\' ).click();" />', $m[5] );

and

$temp_string = str_ireplace( '%POLL-ANSWER-CHECK-INPUT%', '<input type="radio" value="' . $answer['id'] . '" name="yop_poll_answer" id="yop-poll-answer-' . $poll_id . $unique_id . '-' . $answer['id'] . '" />', $m[5] );

(approximately on line 3464) with

$temp_string = str_ireplace( '%POLL-ANSWER-CHECK-INPUT%', '<input type="radio" value="' . $answer['id'] . '" name="yop_poll_answer" id="yop-poll-answer-' . $poll_id . $unique_id . '-' . $answer['id'] . '" onclick="jQuery( \'#yop_poll_vote-button-' . $poll_id . $unique_id .'\' ).click();" />', $m[5] );

Please note that these changes will apply on all your polls.

Regards,

YOP Team

Hi there,

I’m having trouble trying to figure this out. Since the labels, div names and id’s are differently named.

I tried to copy and paste the CSS from the link provided, but it makes the voting option disappear completely.

So, I then tried making the changes in JSFiddle. Changes I created look I want for the vote buttons, but I’m not sure where to change what within the YOP Code.

I really appreciate your help ??

Great, thanks!

Is anyone able to help me with figuring this out? I’m still stuck on being able to change the radio buttons to an actual button

Hi inkedkoi,

Please email us at yop.help{@]gmail.com and provide an admin account so we may assist.

Regards,

YOP Team

Thank you for the wonderful support!