• Resolved neohacksus

    (@neohacksus)


    Hi,

    I was trying your addon for cf7, Created form with groups, all were working, but when I have formatted cf7 code with bootstrap layout, CF& not recognizing groups.

    Please help to resolve.

    Which fields would you like to view?

    [radio pick-fields default:1 “Basic Fields” “Advanced Fields”]

    [group Common]
    <fieldset>
    <legend>Common</legend>

    <div class=”row format-form”>
    <div class=”col-md-12″>[text* PRENOMNOM placeholder “PRENOM, NOM”]</div></div></div>
    <div class=”row”>
    <div class=”col-md-6″>[text* ADDRESS placeholder “ADDRESS”]</div>
    <div class=”col-md-6″>
    <div class=”row”>
    <div class=”col-md-6″>[text* VILLE placeholder “VILLE”]</div>
    <div class=”col-md-6″>[text* CODEPOSTAL placeholder “CODE POSTAL”]</div>
    </div>
    </div>
    </div>
    <div class=”row format-form”>
    <div class=”col-md-4″>[email* email placeholder “[email protected]”]</div>
    <div class=”col-md-4″>[tel* TELEPHONE placeholder “4384765483”]</div>
    <div class=”col-md-4″>[date* DATEDENAISSANCE]</div>
    </div>
    <div class=”row format-form”>
    <div class=”col-md-4″>[text* NUMERODEPERMISDECONDUIRE placeholder “NUMERO DE PERMIS DE CONDUIRE”]</div>
    <div class=”col-md-4″>[text* NUMERODASSURANCEMALADIE placeholder “NUMERO D’ASSURANCE MALADIE”]</div>
    <div class=”col-md-4″>[number* NOMBREDENFANTACHARGE min:0 “NOMBRE DENFANT A CHARGE”]</div>
    </div></fieldset>

    [/group]

    [group Property Info]
    <fieldset>
    <legend>Property Info</legend>

    <div class=”row format-form”>
    <div class=”col-md-6″>[text* NOMDUPROPRIETAIREACTUEL placeholder “Nom du proprietaire actuel”]</div>
    <div class=”col-md-6″>[text* NUMERODETELEPHONEDUPROPRIETAIRE placeholder “Numero de telephone du proprietaire”]</div>
    </div>

    <div class=”row format-form”>
    <div class=”col-md-6″>[text* VOTREADDRESSACTUEL placeholder “Votre address actuel”]</div>
    <div class=”col-md-6″>
    <div class=”row”>
    <div class=”col-md-6″>[text* VILLE placeholder “VILLE”]</div>
    <div class=”col-md-6″>[text* CODEPOSTAL placeholder “CODE POSTAL”]</div>
    </div>
    </div>
    </div>

    </fieldset>[/group]<!–end Property group–>
    [group Employee Info]
    <fieldset>
    <legendEmployee Info</legend>

    <div class=”row”>
    <div class=”col-md-12″>[text* NOMDELEMPOLYEUR placeholder “NOM DE L’EMPOLYEUR”]</div>

    </div>

    <div class=”row”>
    <div class=”col-md-6″>[text* EMPLOIE placeholder “EMPLOIE”]</div>
    <div class=”col-md-6″>[text* NUMEROTELEPHONEDELEMPLOYEUR placeholder “Numero telephone de lemployeur”]</div>
    </div>

    <div class=”row”>

    <div class=”col-md-12″>Mode de payment loyer/mensuel:</div>

    </div>

    <div class=”row”>

    <div class=”col-md-12″>[checkbox MODEDEPAYMENTLOYERMENSUEL use_label_element “12 CHECK” “COMPTANT” “VIREMENT BANCAIRE”]</div>

    </div>

    <div class=”row”>
    <div class=”col-md-6″>FUMEUR [radio FUMEUR default:1 “NON” “OUI”]</div>
    <div class=”col-md-6″>ANIMAUX [radio ANIMAUX default:1 “NON” “OUI”]</div>

    </div>

    <div class=”row”>[group Animal inline]
    <div class=”col-md-4″>[number COMBIEN min:0 id:dob placeholder]</div>
    <div class=”col-md-4″>[text ANIMAUXTYPE placeholder "Animaux type"]</div>
    <div class=”col-md-4″>[text ANIMAUXRACE placeholder "Animaux race"]</div>[/group]
    </div>

    </fieldset>[/group]<!–end Employee group–>

    <div class=”row”>

    <div class=”col-md-12″>[checkbox Autauriseleproprietaireaeffectueruneenquettedecredit “Autaurise le proprietaire a effectuer une enquette de credit”]</div>

    </div>

    <div class=”row”>

    <div class=”col-md-12″>[submit “Send”]</div>

    </div>`

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

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

    (@jules-colle)

    All groups are hidden by default. You need to go to the Conditional Fields tabs and add some conditions.

    For example:
    show Common if pick-fields equals Basic Fields

    Also, spaces in group names are not allowed.

    You need to rename [group Property Info] to [group property-info]
    and [group Employee Info] to [group employee-info]

    Thread Starter neohacksus

    (@neohacksus)

    hi,

    Thanks for your prompt reply, I have already mentioned:

    show [Common] if [pick-fields] equals "Basic Fields"
    show [Propert-Info] if [pick-fields] equals "Basic Fields"
    show [Employee-Info] if [pick-fields] equals "Basic Fields"
    show [Animal] if [ANIMAUX] equals "OUI"
    show [Authorize] if [pick-fields] equals "Basic Fields"

    please visit the page http://groupehpm.ca/123-2/ you will see what is happening.

    Plugin Author Jules Colle

    (@jules-colle)

    Looks like your HTML is ivalid. You are opening the <div> tag 45 times (Do CTRL+F and search for <div, and you are closing </div> 46 times. (Do Ctrl+F for </div.

    The number of opening and closing div tags needs to be the same. Plese run your code trough an HTML validator.

    Thread Starter neohacksus

    (@neohacksus)

    Hi,

    I have validated code, there are no errors. Your script reading first group till first closing div tag. Further your script reading all div tag properly and formatting elements but Group tag between normal HTML, your script either ignoring or even not reading.

    Plugin Author Jules Colle

    (@jules-colle)

    Sorry, but I’m not going to fix your HTML code for you.. The code below is the code you pasted:

    [radio pick-fields default:1 “Basic Fields” “Advanced Fields”]
    
    [group Common]
    <fieldset>
    <legend>Common</legend>
    
    <div class=”row format-form”>
    <div class=”col-md-12″>[text* PRENOMNOM placeholder “PRENOM, NOM”]</div></div></div>
    <div class=”row”>
    <div class=”col-md-6″>[text* ADDRESS placeholder “ADDRESS”]</div>
    <div class=”col-md-6″>
    <div class=”row”>
    <div class=”col-md-6″>[text* VILLE placeholder “VILLE”]</div>
    <div class=”col-md-6″>[text* CODEPOSTAL placeholder “CODE POSTAL”]</div>
    </div>
    </div>
    </div>
    <div class=”row format-form”>
    <div class=”col-md-4″>[email* email placeholder “[email protected]”]</div>
    <div class=”col-md-4″>[tel* TELEPHONE placeholder “4384765483”]</div>
    <div class=”col-md-4″>[date* DATEDENAISSANCE]</div>
    </div>
    <div class=”row format-form”>
    <div class=”col-md-4″>[text* NUMERODEPERMISDECONDUIRE placeholder “NUMERO DE PERMIS DE CONDUIRE”]</div>
    <div class=”col-md-4″>[text* NUMERODASSURANCEMALADIE placeholder “NUMERO D’ASSURANCE MALADIE”]</div>
    <div class=”col-md-4″>[number* NOMBREDENFANTACHARGE min:0 “NOMBRE DENFANT A CHARGE”]</div>
    </div></fieldset>
    
    [/group]
    
    [group Property Info]
    <fieldset>
    <legend>Property Info</legend>
    
    <div class=”row format-form”>
    <div class=”col-md-6″>[text* NOMDUPROPRIETAIREACTUEL placeholder “Nom du proprietaire actuel”]</div>
    <div class=”col-md-6″>[text* NUMERODETELEPHONEDUPROPRIETAIRE placeholder “Numero de telephone du proprietaire”]</div>
    </div>
    
    <div class=”row format-form”>
    <div class=”col-md-6″>[text* VOTREADDRESSACTUEL placeholder “Votre address actuel”]</div>
    <div class=”col-md-6″>
    <div class=”row”>
    <div class=”col-md-6″>[text* VILLE placeholder “VILLE”]</div>
    <div class=”col-md-6″>[text* CODEPOSTAL placeholder “CODE POSTAL”]</div>
    </div>
    </div>
    </div>
    
    </fieldset>[/group]<!–end Property group–>
    [group Employee Info]
    <fieldset>
    <legendEmployee Info</legend>
    
    <div class=”row”>
    <div class=”col-md-12″>[text* NOMDELEMPOLYEUR placeholder “NOM DE L’EMPOLYEUR”]</div>
    
    </div>
    
    <div class=”row”>
    <div class=”col-md-6″>[text* EMPLOIE placeholder “EMPLOIE”]</div>
    <div class=”col-md-6″>[text* NUMEROTELEPHONEDELEMPLOYEUR placeholder “Numero telephone de lemployeur”]</div>
    </div>
    
    <div class=”row”>
    
    <div class=”col-md-12″>Mode de payment loyer/mensuel:</div>
    
    </div>
    
    <div class=”row”>
    
    <div class=”col-md-12″>[checkbox MODEDEPAYMENTLOYERMENSUEL use_label_element “12 CHECK” “COMPTANT” “VIREMENT BANCAIRE”]</div>
    
    </div>
    
    <div class=”row”>
    <div class=”col-md-6″>FUMEUR [radio FUMEUR default:1 “NON” “OUI”]</div>
    <div class=”col-md-6″>ANIMAUX [radio ANIMAUX default:1 “NON” “OUI”]</div>
    
    </div>
    
    <div class=”row”>[group Animal inline]
    <div class=”col-md-4″>[number COMBIEN min:0 id:dob placeholder]</div>
    <div class=”col-md-4″>[text ANIMAUXTYPE placeholder "Animaux type"]</div>
    <div class=”col-md-4″>[text ANIMAUXRACE placeholder "Animaux race"]</div>[/group]
    </div>
    
    </fieldset>[/group]<!–end Employee group–>
    
    <div class=”row”>
    
    <div class=”col-md-12″>[checkbox Autauriseleproprietaireaeffectueruneenquettedecredit “Autaurise le proprietaire a effectuer une enquette de credit”]</div>
    
    </div>
    
    <div class=”row”>
    
    <div class=”col-md-12″>[submit “Send”]</div>
    
    </div>

    Please count the number of times you open a <div> (the answer is 45 times.)
    And then cound the number of times you close a </div> (the answer is 46 times.)

    The fact that you are closing more divs than you are opening renders your code invalid. That’s all I can say for now.

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

The topic ‘I have an issue with fields’ is closed to new replies.