Contact Form 7: Need Multi-Line Radio Buttons/Checkbox Lists

  • This forum contains lots of helpful info about how to render radio buttons and check boxes vertically (block) or horizontally (inline). However, I would like to do BOTH. I need to do this because for a specific contact form, vertical orientation takes too much real estate, and there is not enuf room to get all the options on one line. I want to control how the list breaks to the next line.

    For example, I have ten (10) options as radio buttons. Currently, there are eight (8) on the first line and two (2) on the second, and the last character on the first line is the radio button for the first item on the second line! It would be nice to show the first six (6) on one line and the next four (4) on the next, as if each option was in a table.

    I saw the info about rendering options as a table at https://contactform7.com/custom-layout-for-checkboxes-and-radio-buttons/, but that does not help. I cannot find anywhere in the forum where this issue is addressed and resolved. Surely, someone has already done this…

    Thanx!

    hb

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try this:

    span.wpcf7-list-item { display: inline-block; }
    Thread Starter bashinsk

    (@bashinsk)

    Hi,

    Thanx so much for the suggestion! Actually, after I posted my question I found that “inline-flex” works, and “inline-block” works as well; the result looks the same.

    When I say “works,” though, I mean that it prevents the “orphan” check boxes or radio buttons from being at the end of the first line of displayed options. However, I still would like to be able to arrange the options as a table, or at least insert a line break after a specific item (or items). I have many situations where I need to display a dozen or more options! I have looked at the plugin code – very nice! – and such an option should not be too difficult to include…

    Thanx again for being willing to help, and also responding so quickly. I don’t know what I would do without Contact Form 7!!

    hb

    Thank you . this has just fixed my issue to. Love this forum.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contact Form 7: Need Multi-Line Radio Buttons/Checkbox Lists’ is closed to new replies.