Changing Radio input type to button input type

  • Resolved P

    (@inkedkoi)


    12 years, 2 months ago

    Hello,

    I would like to be able to convert the radio button input type to a long rectangular button for voting. I tried to see if I would be able to change the input type to ‘button’ and then change the css. But, I wasn’t having much luck changing that around.

    How would I go about changing the code to turn the radio button into a long rectangular button?

    https://wordpress.org/plugins/yop-poll/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author YOP

    (@yourownprogrammer)

    12 years, 2 months ago

    Hi inkedkoi,

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

    http://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

    Thread Starter P

    (@inkedkoi)

    12 years, 2 months ago

    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 🙂

    Wazowski

    (@wazowski)

    12 years, 2 months ago

    Great, thanks!

    Thread Starter P

    (@inkedkoi)

    12 years, 2 months ago

    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

    Plugin Author YOP

    (@yourownprogrammer)

    12 years, 2 months ago

    Hi inkedkoi,

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

    Regards,

    YOP Team

    Thread Starter P

    (@inkedkoi)

    12 years, 2 months ago

    Thank you for the wonderful support!

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

The topic ‘Changing Radio input type to button input type’ is closed to new replies.