Style in groups on CF7 conditional fields

  • Resolved grosmatou

    (@grosmatou)


    8 years, 7 months ago

    Hi,

    I just tried your plugin and I love it, the material design style is perfect.
    Unfortunately I have a problem.
    I use CF7 conditional fields, and inside a conditional group, the fields don’t show full width, contrary to those which don’t need a condition.

    As you can see here, the first 2 fields are directly displayed (no condition), and the folowwing ones are displayed because the condition “oui” was selected in the first field.

    They just display on a little part of the left side, and on a mobile it’s so small that you can’t read the content in the fields.

    Can you please help me with this?

    Thank you a lot !

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

    (@gusruss89)

    8 years, 7 months ago

    Hi @grosmatou

    I had someone ask this recently and it was a pretty easy fix which will make its way into the plugin soon. For now you can do the following.

    Add the following CSS under Customise > Material Design Forms > Custom CSS.

    [data-class="wpcf7cf_group"] {
    grid-column-end: span 12;
}

    Thanks,
    Angus

    Thread Starter grosmatou

    (@grosmatou)

    8 years, 7 months ago

    Hi Angus,

    Thanks a lot for your quick answer.
    It’s solving my problem on mobile (the fields are now displayed full width, so thank you for that. But on desktop still the same. The elements under a group are shown on the left, smaller than the others.
    And the element outside a group are displayed bigger than the space allowed for it

    Plugin Author GusRuss89

    (@gusruss89)

    8 years, 7 months ago

    Hi @grosmatou

    Do you have a live url I can do some debugging on?

    Thanks,
    Angus

    Thread Starter grosmatou

    (@grosmatou)

    8 years, 7 months ago

    Of course : here
    Thanks again !
    Matthias

    Plugin Author GusRuss89

    (@gusruss89)

    8 years, 7 months ago

    Hi @grosmatou

    What browser are you using?

    Thanks,
    Angus

    Thread Starter grosmatou

    (@grosmatou)

    8 years, 7 months ago

    I’m using Firefox 37… pro laptop and I can’t update or install another one. I tried on internet explorer and it’s se same.

    But I checked on another PC, chrome, and it’s working. So maybe with a more recent version of firefox too.

    I will tried tonight and I’ll let you know.

    Thanks again.
    Matthias

    Plugin Author GusRuss89

    (@gusruss89)

    8 years, 7 months ago

    Hi Matthias,

    Ok thanks for the info. I will find a computer with Internet Explorer and old Firefox to test on. It works on all the browsers on my laptop.

    Thanks,
    Angus

    Thread Starter grosmatou

    (@grosmatou)

    8 years, 7 months ago

    Hi Angus,

    I checked on my personnal PC, with last version of firefox, and it’s working like a charm.
    So it was firefox 37, no problem.

    Thanks again for your answers and fix.

    Matthias

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

The topic ‘Style in groups on CF7 conditional fields’ is closed to new replies.