• Resolved mstewar22

    (@mstewar22)


    The form is hiding anything after the head group tag no matter where it ends. So the submit button is hidden unless the user clicks on option 2, but that is not how I would like it to work. Please help…

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter mstewar22

    (@mstewar22)

    Any update on why the submit button, which is after the [/group] tag is being hidden?

    https://kellogg-fcu.org/open-an-account/

    This is happening to me also, using the following:

    <p>Company Name<br />
    [text CompanyName]</p>
    
    [group uscity]
    
    <p>City (required)<br />
    [text* City]</p>
    <p>State (required)<br />
    [select* selectedState
     "Alabama|AL" "Alaska|AK" "Arizona|AZ" "Arkansas|AR"
     "California|CA" "Colorado|CO" "Connecticut|CT" "Delaware|DE"
     "Washington DC|DC" "Florida|FL" "Georgia|GA" "Hawaii|HI"
     "Idaho|ID" "Illinois|IL" "Indiana|IN" "Iowa|IA" "Kansas|KS"
     "Kentucky|KY" "Louisiana|LA" "Maine|ME"  "Maryland|MD"
     "Massachusetts|MA" "Michigan|MI" "Minnesota|MN" "Mississippi|MS"
     "Missouri|MO" "Montana|MT" "Nebraska|NE" "Nevada|NV"
     "New Hampshire|NH" "New Jersey|NJ" "New Mexico|NM" "New York|NY"
     "North Carolina|NC" "North Dakota|ND" "Ohio|OH" "Oklahoma|OK"
     "Oregon|OR" "Pennsylvania|PA" "Rhode Island|RI"
     "South Carolina|SC" "South Dakota|SD" "Tennessee|TN"
     "Texas|TX" "Utah|UT" "Vermont|VT" "Virginia|VA" "Washington|WA"
     "West Virginia|WV" "Wisconsin|WI" "Wyoming|WY"]</p>
    
    [/group]

    Any solution?

    Plugin Author Jules Colle

    (@jules-colle)

    Could both of you please post the following code?

    • the entire Form code
    • The exact conditions (Go to conditional fields tab, scroll down and click Export Settings)

    Thanks

    Thread Starter mstewar22

    (@mstewar22)

    Form code:

    <h3>Legal Name</h3>

    <div id=”fortyleft”>
    <p>[text* first-name placeholder “First Name*”]</p>
    </div>

    <div id=”tenleft”>
    <p>[text* middle-initial placeholder “Middle Initial*”]</p>
    </div>

    <div id=”fortyright”>
    <p>[text* last-name placeholder “Last Name*”]</p>
    </div>

    <div id=”onehundred”>
    <h3>Address</h3>
    </div>

    <div id=”onehundred”>
    <p>[text* address placeholder “Street Address*”] </p>
    </div>

    <div id=”fortyleft”>
    <p>[text* city placeholder “City*”]</p>
    </div>

    <div id=”fifteenleft”>
    <p>[select* state class:drop first_as_label “State*” “AL Alabama”
    “AK Alaska”
    “AZ Arizona”
    “AR Arkansas”
    “CA California”
    “CO Colorado”
    “CT Connecticut”
    “DE Delaware”
    “DC District of Columbia”
    “FL Florida”
    “GA Georgia”
    “HI Hawaii”
    “ID Idaho”
    “IL Illinois”
    “IN Indiana”
    “IA Iowa”
    “KS Kansas”
    “KY Kentucky”
    “LA Louisiana”
    “ME Maine”
    “MD Maryland”
    “MA Massachusetts”
    “MI Michigan”
    “MN Minnesota”
    “MS Mississippi”
    “MO Missouri”
    “MT Montana”
    “NE Nebraska”
    “NV Nevada”
    “NH New Hampshire”
    “NJ New Jersey”
    “NM New Mexico”
    “NY New York”
    “NC North Carolina”
    “ND North Dakota”
    “OH Ohio”
    “OK Oklahoma”
    “OR Oregon”
    “PA Pennsylvania”
    “RI Rhode Island”
    “SC South Carolina”
    “SD South Dakota”
    “TN Tennessee”
    “TX Texas”
    “UT Utah”
    “VT Vermont”
    “VA Virginia”
    “WA Washington”
    “WV West Virginia”
    “WI Wisconsin”
    “WY Wyoming” ] </p>
    </div>

    <div id=”thirtyright”>
    <p>[text* zip placeholder “Zip Code*”] </p>
    </div>

    <div id=”onehundred”>
    <h3>Additional Info</h3>
    </div>

    <div id=”fortyeightleft”>
    Please Select Phone Type*:<br>
    <p>[radio phone-type default:1 “Home” “Work” “Cell”]</p>
    </div>

    <div id=”fortyeightleft-clear”>
    <p>[text* phone placeholder “Phone Number*”]</p>
    </div>

    <div id=”fortyeightleft-clear”>
    <p>Date of Birth*<br>
    [date* date-of-birth]</p>
    </div>

    <div id=”onehundred”>
    <p>Social Security Number*</p></div>
    <p><div id=”tenleft2″>[text* social-one maxlength:3]</div><div id=”tenleft3″>[text* social-two maxlength:2]</div><div id=”tenleft3″>[text* social-three maxlength:4]</p></div>

    <div id=”fortyeightleft-clear”>
    <p>Email Address*<br>
    [email* email] </p>
    </div>

    <div id=”onehundred”>
    <h3>Type of Account</h3>
    </div>

    <div id=”fortyeightleft”>
    Please Select Account Type*:<br>
    <p>[select* account-type id:account-type “Individual” “Joint”]</p>
    </div>

    [group group-310]

    <div id=”onehundred”>
    <h3>Legal Name (Joint Holder)</h3>
    <div>

    <div id=”fortyleft”>
    <p>[text* first-name placeholder “First Name*”]</p>
    </div>

    <div id=”tenleft”>
    <p>[text* middle-initial placeholder “Middle Initial*”]</p>
    </div>

    <div id=”fortyright”>
    <p>[text* last-name placeholder “Last Name*”]</p>
    </div>

    <div id=”onehundred”>
    <h3>Address (Joint Holder)</h3>
    </div>

    <div id=”onehundred”>
    <p>[text* address placeholder “Street Address*”] </p>
    </div>

    <div id=”fortyleft”>
    <p>[text* city placeholder “City*”]</p>
    </div>

    <div id=”fifteenleft”>
    <p>[select* state class:drop first_as_label “State*” “AL Alabama”
    “AK Alaska”
    “AZ Arizona”
    “AR Arkansas”
    “CA California”
    “CO Colorado”
    “CT Connecticut”
    “DE Delaware”
    “DC District of Columbia”
    “FL Florida”
    “GA Georgia”
    “HI Hawaii”
    “ID Idaho”
    “IL Illinois”
    “IN Indiana”
    “IA Iowa”
    “KS Kansas”
    “KY Kentucky”
    “LA Louisiana”
    “ME Maine”
    “MD Maryland”
    “MA Massachusetts”
    “MI Michigan”
    “MN Minnesota”
    “MS Mississippi”
    “MO Missouri”
    “MT Montana”
    “NE Nebraska”
    “NV Nevada”
    “NH New Hampshire”
    “NJ New Jersey”
    “NM New Mexico”
    “NY New York”
    “NC North Carolina”
    “ND North Dakota”
    “OH Ohio”
    “OK Oklahoma”
    “OR Oregon”
    “PA Pennsylvania”
    “RI Rhode Island”
    “SC South Carolina”
    “SD South Dakota”
    “TN Tennessee”
    “TX Texas”
    “UT Utah”
    “VT Vermont”
    “VA Virginia”
    “WA Washington”
    “WV West Virginia”
    “WI Wisconsin”
    “WY Wyoming” ] </p>
    </div>

    <div id=”thirtyright”>
    <p>[text* zip placeholder “Zip Code*”] </p>
    </div>

    <div id=”onehundred”>
    <h3>Additional Info (Joint Holder)</h3>
    </div>

    <div id=”fortyeightleft”>
    Please Select Phone Type*:<br>
    <p>[radio phone-type default:1 “Home” “Work” “Cell”]</p>
    </div>

    <div id=”fortyeightleft-clear”>
    <p>[text* phone placeholder “Phone Number*”]</p>
    </div>

    <div id=”fortyeightleft-clear”>
    <p>Date of Birth*<br>
    [date* date-of-birth]</p>
    </div>

    <div id=”onehundred”>
    <p>Social Security Number*</p></div>
    <p><div id=”tenleft2″>[text* social-one maxlength:3]</div><div id=”tenleft3″>[text* social-two maxlength:2]</div><div id=”tenleft3″>[text* social-three maxlength:4]</p></div>

    <div id=”fortyeightleft-clear”>
    <p>Email Address*<br>
    [email* email] </p>
    </div>

    [/group]

    test text

    <div id=”fortyeightleft-clear”>
    <p>[submit class:sendform “Submit”]</p>
    </div>

    ——–

    Conditional Tags settings:

    if [account-type] equals “Joint” then show [group-310]

    Thread Starter mstewar22

    (@mstewar22)

    Any update on this issue?

    Plugin Author Jules Colle

    (@jules-colle)

    @mstewar22

    The problem is invalid HTML.

    Right after opening the group, you open 2 div tags

    ...
    
    [group group-310]
    
    <div id="onehundred">
    <h3>Legal Name (Joint Holder)</h3>
    <div>
    
    ...

    But you fail to close them before closing the group. So the last couple of lines should look like this:

    ...
    
    <div id="fortyeightleft-clear">
    <p>Email Address*
    [email* email] </p>
    </div>
    </div></div>
    
    [/group]
    
    ...

    For your reference, here’s the fully working form code.

    <h3>Legal Name</h3>
    
    <div id="fortyleft">
    <p>[text* first-name placeholder "First Name*"]</p>
    </div>
    
    <div id="tenleft">
    <p>[text* middle-initial placeholder "Middle Initial*"]</p>
    </div>
    
    <div id="fortyright">
    <p>[text* last-name placeholder "Last Name*"]</p>
    </div>
    
    <div id="onehundred">
    <h3>Address</h3>
    </div>
    
    <div id="onehundred">
    <p>[text* address placeholder "Street Address*"] </p>
    </div>
    
    <div id="fortyleft">
    <p>[text* city placeholder "City*"]</p>
    </div>
    
    <div id="fifteenleft">
    <p>[select* state class:drop first_as_label "State*" "AL Alabama"
    "AK Alaska"
    "AZ Arizona"
    "AR Arkansas"
    "CA California"
    "CO Colorado"
    "CT Connecticut"
    "DE Delaware"
    "DC District of Columbia"
    "FL Florida"
    "GA Georgia"
    "HI Hawaii"
    "ID Idaho"
    "IL Illinois"
    "IN Indiana"
    "IA Iowa"
    "KS Kansas"
    "KY Kentucky"
    "LA Louisiana"
    "ME Maine"
    "MD Maryland"
    "MA Massachusetts"
    "MI Michigan"
    "MN Minnesota"
    "MS Mississippi"
    "MO Missouri"
    "MT Montana"
    "NE Nebraska"
    "NV Nevada"
    "NH New Hampshire"
    "NJ New Jersey"
    "NM New Mexico"
    "NY New York"
    "NC North Carolina"
    "ND North Dakota"
    "OH Ohio"
    "OK Oklahoma"
    "OR Oregon"
    "PA Pennsylvania"
    "RI Rhode Island"
    "SC South Carolina"
    "SD South Dakota"
    "TN Tennessee"
    "TX Texas"
    "UT Utah"
    "VT Vermont"
    "VA Virginia"
    "WA Washington"
    "WV West Virginia"
    "WI Wisconsin"
    "WY Wyoming" ] </p>
    </div>
    
    <div id="thirtyright">
    <p>[text* zip placeholder "Zip Code*"] </p>
    </div>
    
    <div id="onehundred">
    <h3>Additional Info</h3>
    </div>
    
    <div id="fortyeightleft">
    <p>Please Select Phone Type*:<br>
    [radio phone-type default:1 "Home" "Work" "Cell"]</p>
    </div>
    
    <div id="fortyeightleft-clear">
    <p>[text* phone placeholder "Phone Number*"]</p>
    </div>
    
    <div id="fortyeightleft-clear">
    <p>Date of Birth*<br>
    [date* date-of-birth]</p>
    </div>
    
    <div id="onehundred">
    <p>Social Security Number*</p></div>
    <div id="tenleft2">[text* social-one maxlength:3]</div><div id="tenleft3">[text* social-two maxlength:2]</div><div id="tenleft3">[text* social-three maxlength:4]</div>
    
    <div id="fortyeightleft-clear">
    <p>Email Address*<br>
    [email* email] </p>
    </div>
    
    <div id="onehundred">
    <h3>Type of Account</h3>
    </div>
    
    <div id="fortyeightleft">
    <p>Please Select Account Type*:<br>
    [select* account-type id:account-type "Individual" "Joint"]</p>
    </div>
    
    [group group-310]
    
    <div id="onehundred">
    <h3>Legal Name (Joint Holder)</h3>
    <div>
    
    <div id="fortyleft">
    <p>[text* first-name placeholder "First Name*"]</p>
    </div>
    
    <div id="tenleft">
    <p>[text* middle-initial placeholder "Middle Initial*"]</p>
    </div>
    
    <div id="fortyright">
    <p>[text* last-name placeholder "Last Name*"]</p>
    </div>
    
    <div id="onehundred">
    <h3>Address (Joint Holder)</h3>
    </div>
    
    <div id="onehundred">
    <p>[text* address placeholder "Street Address*"] </p>
    </div>
    
    <div id="fortyleft">
    <p>[text* city placeholder "City*"]</p>
    </div>
    
    <div id="fifteenleft">
    <p>[select* state class:drop first_as_label "State*" "AL Alabama"
    "AK Alaska"
    "AZ Arizona"
    "AR Arkansas"
    "CA California"
    "CO Colorado"
    "CT Connecticut"
    "DE Delaware"
    "DC District of Columbia"
    "FL Florida"
    "GA Georgia"
    "HI Hawaii"
    "ID Idaho"
    "IL Illinois"
    "IN Indiana"
    "IA Iowa"
    "KS Kansas"
    "KY Kentucky"
    "LA Louisiana"
    "ME Maine"
    "MD Maryland"
    "MA Massachusetts"
    "MI Michigan"
    "MN Minnesota"
    "MS Mississippi"
    "MO Missouri"
    "MT Montana"
    "NE Nebraska"
    "NV Nevada"
    "NH New Hampshire"
    "NJ New Jersey"
    "NM New Mexico"
    "NY New York"
    "NC North Carolina"
    "ND North Dakota"
    "OH Ohio"
    "OK Oklahoma"
    "OR Oregon"
    "PA Pennsylvania"
    "RI Rhode Island"
    "SC South Carolina"
    "SD South Dakota"
    "TN Tennessee"
    "TX Texas"
    "UT Utah"
    "VT Vermont"
    "VA Virginia"
    "WA Washington"
    "WV West Virginia"
    "WI Wisconsin"
    "WY Wyoming" ] </p>
    </div>
    
    <div id="thirtyright">
    <p>[text* zip placeholder "Zip Code*"] </p>
    </div>
    
    <div id="onehundred">
    <h3>Additional Info (Joint Holder)</h3>
    </div>
    
    <div id="fortyeightleft">
    <p>Please Select Phone Type*:<br>
    [radio phone-type default:1 "Home" "Work" "Cell"]</p>
    </div>
    
    <div id="fortyeightleft-clear">
    <p>[text* phone placeholder "Phone Number*"]</p>
    </div>
    
    <div id="fortyeightleft-clear">
    <p>Date of Birth*<br>
    [date* date-of-birth]</p>
    </div>
    
    <div id="onehundred">
    <p>Social Security Number*</p></div>
    <div id="tenleft2">[text* social-one maxlength:3]</div><div id="tenleft3">[text* social-two maxlength:2]</div><div id="tenleft3">[text* social-three maxlength:4]</div>
    
    <div id="fortyeightleft-clear">
    <p>Email Address*
    [email* email] </p>
    </div>
    </div></div>
    
    [/group]
    
    test text
    
    <div id="fortyeightleft-clear">
    <p>[submit class:sendform "Submit"]</p>
    </div>

    live: https://bdwm.be/wpcf7cf/mstewar22/

    • This reply was modified 8 years, 4 months ago by Jules Colle.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Hiding everything after group tag’ is closed to new replies.