Support » Plugin: Material Design for Contact Form 7 » label and check box option in same line

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author GusRuss89

    (@gusruss89)

    Hi @aliasgarchaderwala,

    If you mean you want all your checkbox options on one line, you can do it like this.

    [md-checkbox label="Checkbox" display="inline"]
    ((your cf7 checkbox tag here))
    [/md-checkbox]

    If you just mean that for every checkbox, the box and text should be on the same line, then that’s how it is by default. If it’s not like that for you, you must have a theme conflict. I’m happy to fix it for you but will need to see your site (no admin login, just the front end).

    I’m marking resolved for now, but if it’s the latter that you want, just reply with a link to your site.

    Thanks,
    Angus

    hi please find the below image the current scenario what i have and code what i have , also i have mention the desired result.

    Plugin Author GusRuss89

    (@gusruss89)

    Hi @aliasgarchaderwala,

    There is no image, did you forget to attach or link it?

    Thanks,
    Angus

    please find the link from below link

    https://ibb.co/D72rsTr

    Plugin Author GusRuss89

    (@gusruss89)

    Hi,

    I see what you mean now.

    There is no built-in way to do that, but here’s how you can do it with some custom form code and CSS.

    Your form code should be:

    <div class="label-inline-radio">
    [md-radio label="Have you ever been issued a U.S. Visa?" display="inline"]
    [radio HaveyoueverbeenissuedaUSVisa "Yes" "No"]
    [/md-radio]
    </div>

    And you can add this custom CSS under Appearance > Customise > Material Design Forms:

    #cf7md-form .label-inline-radio .cf7md-label {
        float: left !important;
        width: auto !important;
        max-width: 50% !important;
        margin-right: 20px !important;
    }
    #cf7md-form .label-inline-radio .wpcf7-form-control-wrap {
        overflow: hidden;
        width: auto !important;
    }

    Note: I changed your checkboxes to radios. With checkboxes, both options could be ticked (e.g. yes AND no). With radios, only a single option can be ticked.

    Let me know if you need any further help.

    Thanks,
    Angus

    Hi Thanks for your help

    cant i display the label and radio button in same line currently its little up and down

    please find below image for more details

    https://ibb.co/Wy7wYTd

    Plugin Author GusRuss89

    (@gusruss89)

    Hi,

    Your screenshot looks different to what I would expect. To help you further I’d need to see your actual website. Is it live?

    Thanks,
    Angus

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘label and check box option in same line’ is closed to new replies.