• Resolved dollium

    (@dollium)


    Hello

    I’m having a bit of trouble with getting the conditionally hidden fields to show. I’ve been trying with dropdown, radio buttons and checkboxes, change around the conditions, but nothing seems to work.

    Here’s the form code:

    <p class="formotsikko">Tarjouspyynt?</p>
    
    <p>Nimi*<br />
        [text* your-name placeholder "Etunimi Sukunimi"] </p>
    
    <p>Yritys<br />
        [text your-yritys placeholder "Yrityksen nimi"] </p>
    
    <p>Osoite<br />
        [text your-address placeholder "Katuosoite, postinumero ja -toimipaikka"] </p>
    
    <p>S?hk?posti*<br />
        [email* your-email placeholder "S?hk?postiosoite"] </p>
    
    <p>Puhelin<br />
        [tel tel-260 placeholder "Puhelinnumero"]</p>
    
    <div class="formviiva"></div>
    <p class="formotsikko">Haluan tarjouksen</p>
    
    [radio Haluantarjouksen id:tarjousvalinta class:tarjous label_first default:1 "J?tehuolto ja -kuljetus" "Ker?ysv?lineet ja vaihtolavat, myynti ja vuokraus" "Lokapalvelut" "Puunkaato" "Muut palvelut (j?teastioiden pesu, tietoturvapalvelut, Kotinouto-palvelu"]
    [group group-166]
    <p>
    Omakotitalojen yleisin j?teastiakoko on 240l.
    Taloyhti?iden yleisin j?teastiakoko on 660l.
    </p>
    <p>Haluan tarjouksen<br />
    <div class="tarjous">
    [checkbox checkbox-140 "sekaj?tteest?"]</p>
    
    <p>J?tes?ili?n koko (litraa)<br />
    [radio radio-40 default:1 "140" "240" "660" "joku muu"]
    [text text-281 placeholder "Kappalem??r?"]</p>
    
    <p>Toivottu tyhjennysv?li (viikkoa)<br />
    [radio radio-41 default:1 "2" "4" "6" "8" "10" "12"]</p>
    
    <p>Lis?tietoa<br />
    [textarea textarea-281]</p>
    </div>
    
    <div class="tarjous">
    [checkbox checkbox-141 "energiaj?tteest?"]</p>
    
    <p>J?tes?ili?n koko (litraa)<br />
    [radio radio-42 default:1 "140" "240" "660" "joku muu"]
    [text text-282 placeholder "Kappalem??r?"]</p>
    
    <p>Toivottu tyhjennysv?li (viikkoa)<br />
    [radio radio-43 default:1 "2" "4" "6" "8" "10" "12"]</p>
    
    <p>Lis?tietoa<br />
    [textarea textarea-282]</p>
    </div>
    
    <div class="tarjous">
    [checkbox checkbox-142 "Muu j?te"]</p>
    
    <p>J?tes?ili?n koko (litraa)<br />
    [radio radio-44 default:1 "140" "240" "660" "joku muu"]
    [text text-283 placeholder "Kappalem??r?"]</p>
    
    <p>Toivottu tyhjennysv?li (viikkoa)<br />
    [radio radio-45 default:1 "2" "4" "6" "8" "10" "12"]</p>
    
    <p>Lis?tietoa<br />
    [textarea textarea-283]</p>
    </div>
    [/group]
    <div class="formviiva"></div>
    <p class="formotsikko">Yhteydenottopyynt?</p>
    
    <p>[checkbox checkbox-129 "Haluan, ett? minuun otetaan yhteytt?"] </p>
    
    <p>Asia<br />
    [textarea textarea-282]</p>
    
    <p>
    Katso rekisteriseloste <a style="padding: initial;" target="_blank" href="//89.166.51.89/~hameenkuljetuswm/wp-content/uploads/2018/05/Tietosuojaseloste-asiakas-2.pdf" title="Rekisteriseloste">t??lt?</a>
    </p>
    
    <p>[submit class:btn class:btn-default class:formbtn "L?het?"]</p>

    Also on the conditional fields I have:

    Show group-166 if Haluantarjouksen equals Puunkaato

    But this is not currently working for me. I don’t have any caching plugins and I tried disabling most apart from ACF, CF7, CF7 Conditional fields and ManageWP – Worker. I’d appreciate any help or/and ideas you might have, and thank you in advance!

    The page I need help with: [log in to see the link]

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

    (@jules-colle)

    Please validate your HTML first, after a quick look trough your code i see that your HTML is invalid.
    For example:

    <p>Haluan tarjouksen<br />
    <div class="tarjous">
    [checkbox checkbox-140 "sekaj?tteest?"]</p>

    You can’t do stuff like <p><div></p> in HTML

    Thread Starter dollium

    (@dollium)

    Apologies for that mess:

    <p class="formotsikko">Tarjouspyynt?</p>
    
    <p>Nimi*<br />
        [text* your-name placeholder "Etunimi Sukunimi"] </p>
    
    <p>Yritys<br />
        [text your-yritys placeholder "Yrityksen nimi"] </p>
    
    <p>Osoite<br />
        [text your-address placeholder "Katuosoite, postinumero ja -toimipaikka"] </p>
    
    <p>S?hk?posti*<br />
        [email* your-email placeholder "S?hk?postiosoite"] </p>
    
    <p>Puhelin<br />
        [tel tel-260 placeholder "Puhelinnumero"]</p>
    
    <div class="formviiva"></div>
    <p class="formotsikko">Haluan tarjouksen</p>
    
    [radio Haluantarjouksen id:tarjousvalinta class:tarjous default:1 "J?tehuolto ja -kuljetus" "Ker?ysv?lineet ja vaihtolavat, myynti ja vuokraus" "Lokapalvelut" "Puunkaato" "Muut palvelut (j?teastioiden pesu, tietoturvapalvelut, Kotinouto-palvelu"]
    
    [group group-166]
    
      <p>
      Omakotitalojen yleisin j?teastiakoko on 240l.
      Taloyhti?iden yleisin j?teastiakoko on 660l.</p>
      <p>Haluan tarjouksen<br /></p>
      
      <div class="tarjous">
        [checkbox checkbox-140 "sekaj?tteest?"]
        <p>J?tes?ili?n koko (litraa)<br />
        [radio radio-40 default:1 "140" "240" "660" "joku muu"]
        [text text-281 placeholder "Kappalem??r?"]</p>
        <p>Toivottu tyhjennysv?li (viikkoa)<br />
        [radio radio-41 default:1 "2" "4" "6" "8" "10" "12"]</p>
        <p>Lis?tietoa<br />
        [textarea textarea-281]</p>
      </div>
    
      <div class="tarjous">
        <p>[checkbox checkbox-141 "energiaj?tteest?"]</p>
        <p>J?tes?ili?n koko (litraa)<br />
        [radio radio-42 default:1 "140" "240" "660" "joku muu"]
        [text text-282 placeholder "Kappalem??r?"]</p>
        <p>Toivottu tyhjennysv?li (viikkoa)<br />
        [radio radio-43 default:1 "2" "4" "6" "8" "10" "12"]</p>
        <p>Lis?tietoa<br />
        [textarea textarea-282]</p>
      </div>
      
      <div class="tarjous">
        <p>[checkbox checkbox-142 "Muu j?te"]</p>
        <p>J?tes?ili?n koko (litraa)<br />
        [radio radio-44 default:1 "140" "240" "660" "joku muu"]
        [text text-283 placeholder "Kappalem??r?"]</p>
        <p>Toivottu tyhjennysv?li (viikkoa)<br />
        [radio radio-45 default:1 "2" "4" "6" "8" "10" "12"]</p>
        <p>Lis?tietoa<br />
        [textarea textarea-283]</p>
      </div>
      
    [/group]
    
      <div class="formviiva"></div>
      <p class="formotsikko">Yhteydenottopyynt?</p>
    
    <p>[checkbox checkbox-129 "Haluan, ett? minuun otetaan yhteytt?"] </p>
    <p>Asia<br />
    [textarea textarea-282]</p>
    
    <p> Katso rekisteriseloste
      <a style="padding: initial;" target="_blank" href="//89.166.51.89/~hameenkuljetuswm/wp-content/uploads/2018/05/Tietosuojaseloste-asiakas-2.pdf" title="Rekisteriseloste">t??lt?</a>
    </p>
    
    <p>[submit class:btn class:btn-default class:formbtn "L?het?"]</p>

    I think I checked over the code now, and everything seems to be in order. The fields still do not show up.

    My best recommendation would be to ensure that you copied and pasted the values from the radio button element exactly in the conditional rules.

    Would you share the rules also?

    Thread Starter dollium

    (@dollium)

    Hey,

    I have only one rule set and haven’t changed it since first post.

    Show group-166 if Haluantarjouksen equals Puunkaato

    The rule seems to be fine as it is, but still for some reason the fields are not shown when ‘Puunkaato’ is selected.

    Plugin Author Jules Colle

    (@jules-colle)

    The scripts aren’t loaded. Most likely this is because you are not calling wp_footer() in your theme.
    https://conditional-fields-cf7.bdwm.be/docs/troubleshooting/rule-3-your-theme-needs-to-call-wp_footer/

    Thread Starter dollium

    (@dollium)

    That was it! Thank you so very much for your help! It works great now. ??

    Plugin Author Jules Colle

    (@jules-colle)

    glad to hear!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Conditional fields not showing with radio buttons’ is closed to new replies.