label and check box option in same line

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.

• This reply was modified 6 years, 3 months ago by aliasgarchaderwala.

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

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

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