Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 9, 2021 at 1:16 am #1320141

    williamsmedia
    Participant

    Dear Support,

    We are trying to create a form validation with short code because the theme is still not allowing us to do code snippets correctly. Can support help to solve this them Enfold issue with forms, not certain why code snippets do not work with our form code. When adding the form code, it renders the backed UI useless when trying to admin the form, and add a validation / captcha.

    Thank you for your time, and positive solution for these issues.

    Rob

    September 11, 2021 at 6:15 pm #1320531

    Mike
    Moderator

    Hey williamsmedia,
    Thank you for your patience and the link to your page. I assume that when you say you want a form validation for your custom form snippet you mean that you want the form to not be submited unless all of the fields are correct?
    This function would be done by a script, but in examining your page source code I don’t see a script added to the code block.
    So if you have a script to add to the code block and it is causing an error when you add it then it most likely needs to be added between <script> tags inside the code block like this:
    2021-09-11_001.png
    If this doesn’t help then try posting a link to your entire script and form code in a plain text document (.txt) and link in the Private Content area below so I can test or try including an admin login in the Private Content area so I can examine your test page.

    Best regards,
    Mike

    September 15, 2021 at 1:16 am #1320964

    williamsmedia
    Participant
    This reply has been marked as private.
    September 15, 2021 at 1:42 pm #1321042

    Mike
    Moderator

    Hi, Thank you for the login and screenshot, the error in the screenshot [/av_codeblock][/av_section] was because the form didn’t have the closing </form> tag, but the reason the backend is showing the form and the element is not editable is because the form code is being excluded in the backend which we don’t want to happen.
    I don’t see what is triggering this so I will have to investigate further, is this connected with a plugin or script on your site or is the form code just by it’s self?

    Best regards,
    Mike

    September 22, 2021 at 8:43 pm #1321955

    williamsmedia
    Participant

    Mike,

    Thank you for looking further into this issue that we are having with the theme

    We keep trying to add the form code, with the </form> at the end, but upon saving it omits that closing </form> code and renders the backend to be uneditable.

    This is the code we are inserting:

    <form action=https://webto.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8 method=”POST”>

    <input type=hidden name=”orgid” value=”00D0b000000uzIr”>
    <input type=hidden name=”retURL” value=https://myaccount.corelis.com/thank-you/>

    First Name:* <input id=”00N5a00000DKGr4″ maxlength=”25″ name=”00N5a00000DKGr4″ size=”20″ type=”text” required=true/><br>

    Last Name:* <input id=”00N5a00000DKGr9″ maxlength=”25″ name=”00N5a00000DKGr9″ size=”20″ type=”text” required=true/><br>

    <label for=”company”>Company:*</label><input id=”company” maxlength=”80″ name=”company” size=”20″ type=”text” required=true/><br>

    Address:*<input id=”00N5a00000DKGrE” maxlength=”255″ name=”00N5a00000DKGrE” size=”20″ type=”text” required=true /><br>

    City:*<input id=”00N0b00000CPcLr” maxlength=”255″ name=”00N0b00000CPcLr” size=”20″ type=”text” required=true /><br>

    State:* <select id=”00N5a00000DKGrT” name=”00N5a00000DKGrT” title=”State” required><option value=””>–None–</option><option value=”Alabama”>Alabama</option>
    <option value=”Alaska”>Alaska</option>
    <option value=”Arizona”>Arizona</option>
    <option value=”Arkansas”>Arkansas</option>
    <option value=”California”>California</option>
    <option value=”Colorado”>Colorado</option>
    <option value=”Connecticut”>Connecticut</option>
    <option value=”Delaware”>Delaware</option>
    <option value=”Florida”>Florida</option>
    <option value=”Georgia”>Georgia</option>
    <option value=”Hawaii”>Hawaii</option>
    <option value=”Idaho”>Idaho</option>
    <option value=”Illinois”>Illinois</option>
    <option value=”Indiana”>Indiana</option>
    <option value=”Iowa”>Iowa</option>
    <option value=”Kansas”>Kansas</option>
    <option value=”Kentucky”>Kentucky</option>
    <option value=”Louisiana”>Louisiana</option>
    <option value=”Maine”>Maine</option>
    <option value=”Maryland”>Maryland</option>
    <option value=”Massachusetts”>Massachusetts</option>
    <option value=”Michigan”>Michigan</option>
    <option value=”Minnesota”>Minnesota</option>
    <option value=”Mississippi”>Mississippi</option>
    <option value=”Missouri”>Missouri</option>
    <option value=”Montana”>Montana</option>
    <option value=”Nebraska”>Nebraska</option>
    <option value=”Nevada”>Nevada</option>
    <option value=”New Hampshire”>New Hampshire</option>
    <option value=”New Jersey”>New Jersey</option>
    <option value=”New Mexico”>New Mexico</option>
    <option value=”New York”>New York</option>
    <option value=”North Carolina”>North Carolina</option>
    <option value=”North Dakota”>North Dakota</option>
    <option value=”Ohio”>Ohio</option>
    <option value=”Oklahoma”>Oklahoma</option>
    <option value=”Oregon”>Oregon</option>
    <option value=”Pennsylvania”>Pennsylvania</option>
    <option value=”Rhode Island”>Rhode Island</option>
    <option value=”South Carolina”>South Carolina</option>
    <option value=”South Dakota”>South Dakota</option>
    <option value=”Tennessee”>Tennessee</option>
    <option value=”Texas”>Texas</option>
    <option value=”Utah”>Utah</option>
    <option value=”Vermont”>Vermont</option>
    <option value=”Virginia”>Virginia</option>
    <option value=”Washington”>Washington</option>
    <option value=”West Virginia”>West Virginia</option>
    <option value=”Wisconsin”>Wisconsin</option>
    <option value=”Wyoming”>Wyoming</option>
    </select><br>

    Country:*<select id=”00N5a00000DKGrO” name=”00N5a00000DKGrO” title=”Country” required><option value=””>–None–</option><option value=”Afghanistan”>Afghanistan</option>
    <option value=”Åland Islands”>Åland Islands</option>
    <option value=”Albania”>Albania</option>
    <option value=”Algeria”>Algeria</option>
    <option value=”American Samoa”>American Samoa</option>
    <option value=”Andorra”>Andorra</option>
    <option value=”Angola”>Angola</option>
    <option value=”Anguilla”>Anguilla</option>
    <option value=”Antarctica”>Antarctica</option>
    <option value=”Antigua and Barbuda”>Antigua and Barbuda</option>
    <option value=”Argentina”>Argentina</option>
    <option value=”Armenia”>Armenia</option>
    <option value=”Aruba”>Aruba</option>
    <option value=”Australia”>Australia</option>
    <option value=”Austria”>Austria</option>
    <option value=”Azerbaijan”>Azerbaijan</option>
    <option value=”Bahamas”>Bahamas</option>
    <option value=”Bahrain”>Bahrain</option>
    <option value=”Bangladesh”>Bangladesh</option>
    <option value=”Barbados”>Barbados</option>
    <option value=”Belarus”>Belarus</option>
    <option value=”Belgium”>Belgium</option>
    <option value=”Belize”>Belize</option>
    <option value=”Benin”>Benin</option>
    <option value=”Bermuda”>Bermuda</option>
    <option value=”Bhutan”>Bhutan</option>
    <option value=”Bolivia”>Bolivia</option>
    <option value=”Bosnia and Herzegovina”>Bosnia and Herzegovina</option>
    <option value=”Botswana”>Botswana</option>
    <option value=”Bouvet Island”>Bouvet Island</option>
    <option value=”Brazil”>Brazil</option>
    <option value=”British Indian Ocean Territory”>British Indian Ocean Territory</option>
    <option value=”Brunei Darussalam”>Brunei Darussalam</option>
    <option value=”Bulgaria”>Bulgaria</option>
    <option value=”Burkina Faso”>Burkina Faso</option>
    <option value=”Burundi”>Burundi</option>
    <option value=”Cambodia”>Cambodia</option>
    <option value=”Cameroon”>Cameroon</option>
    <option value=”Canada”>Canada</option>
    <option value=”Cape Verde”>Cape Verde</option>
    <option value=”Cayman Islands”>Cayman Islands</option>
    <option value=”Central African Republic”>Central African Republic</option>
    <option value=”Chad”>Chad</option>
    <option value=”Chile”>Chile</option>
    <option value=”China”>China</option>
    <option value=”Christmas Island”>Christmas Island</option>
    <option value=”Cocos (Keeling) Islands”>Cocos (Keeling) Islands</option>
    <option value=”Colombia”>Colombia</option>
    <option value=”Comoros”>Comoros</option>
    <option value=”Congo”>Congo</option>
    <option value=”Congo, The Democratic Republic of The”>Congo, The Democratic Republic of The</option>
    <option value=”Cook Islands”>Cook Islands</option>
    <option value=”Costa Rica”>Costa Rica</option>
    <option value=”Cote D'ivoire”>Cote D'ivoire</option>
    <option value=”Croatia”>Croatia</option>
    <option value=”Cuba”>Cuba</option>
    <option value=”Cyprus”>Cyprus</option>
    <option value=”Czech Republic”>Czech Republic</option>
    <option value=”Denmark”>Denmark</option>
    <option value=”Djibouti”>Djibouti</option>
    <option value=”Dominica”>Dominica</option>
    <option value=”Dominican Republic”>Dominican Republic</option>
    <option value=”Ecuador”>Ecuador</option>
    <option value=”Egypt”>Egypt</option>
    <option value=”El Salvador”>El Salvador</option>
    <option value=”Equatorial Guinea”>Equatorial Guinea</option>
    <option value=”Eritrea”>Eritrea</option>
    <option value=”Estonia”>Estonia</option>
    <option value=”Ethiopia”>Ethiopia</option>
    <option value=”Falkland Islands (Malvinas)”>Falkland Islands (Malvinas)</option>
    <option value=”Faroe Islands”>Faroe Islands</option>
    <option value=”Fiji”>Fiji</option>
    <option value=”Finland”>Finland</option>
    <option value=”France”>France</option>
    <option value=”French Guiana”>French Guiana</option>
    <option value=”French Polynesia”>French Polynesia</option>
    <option value=”French Southern Territories”>French Southern Territories</option>
    <option value=”Gabon”>Gabon</option>
    <option value=”Gambia”>Gambia</option>
    <option value=”Georgia”>Georgia</option>
    <option value=”Germany”>Germany</option>
    <option value=”Ghana”>Ghana</option>
    <option value=”Gibraltar”>Gibraltar</option>
    <option value=”Greece”>Greece</option>
    <option value=”Greenland”>Greenland</option>
    <option value=”Grenada”>Grenada</option>
    <option value=”Guadeloupe”>Guadeloupe</option>
    <option value=”Guam”>Guam</option>
    <option value=”Guatemala”>Guatemala</option>
    <option value=”Guernsey”>Guernsey</option>
    <option value=”Guinea”>Guinea</option>
    <option value=”Guinea-bissau”>Guinea-bissau</option>
    <option value=”Guyana”>Guyana</option>
    <option value=”Haiti”>Haiti</option>
    <option value=”Heard Island and Mcdonald Islands”>Heard Island and Mcdonald Islands</option>
    <option value=”Holy See (Vatican City State)”>Holy See (Vatican City State)</option>
    <option value=”Honduras”>Honduras</option>
    <option value=”Hong Kong”>Hong Kong</option>
    <option value=”Hungary”>Hungary</option>
    <option value=”Iceland”>Iceland</option>
    <option value=”India”>India</option>
    <option value=”Indonesia”>Indonesia</option>
    <option value=”Iran, Islamic Republic of”>Iran, Islamic Republic of</option>
    <option value=”Iraq”>Iraq</option>
    <option value=”Ireland”>Ireland</option>
    <option value=”Isle of Man”>Isle of Man</option>
    <option value=”Israel”>Israel</option>
    <option value=”Italy”>Italy</option>
    <option value=”Jamaica”>Jamaica</option>
    <option value=”Japan”>Japan</option>
    <option value=”Jersey”>Jersey</option>
    <option value=”Jordan”>Jordan</option>
    <option value=”Kazakhstan”>Kazakhstan</option>
    <option value=”Kenya”>Kenya</option>
    <option value=”Kiribati”>Kiribati</option>
    <option value=”Korea, Democratic People's Republic of”>Korea, Democratic People's Republic of</option>
    <option value=”Korea, Republic of”>Korea, Republic of</option>
    <option value=”Kuwait”>Kuwait</option>
    <option value=”Kyrgyzstan”>Kyrgyzstan</option>
    <option value=”Lao People's Democratic Republic”>Lao People's Democratic Republic</option>
    <option value=”Latvia”>Latvia</option>
    <option value=”Lebanon”>Lebanon</option>
    <option value=”Lesotho”>Lesotho</option>
    <option value=”Liberia”>Liberia</option>
    <option value=”Libyan Arab Jamahiriya”>Libyan Arab Jamahiriya</option>
    <option value=”Liechtenstein”>Liechtenstein</option>
    <option value=”Lithuania”>Lithuania</option>
    <option value=”Luxembourg”>Luxembourg</option>
    <option value=”Macao”>Macao</option>
    <option value=”Macedonia, The Former Yugoslav Republic of”>Macedonia, The Former Yugoslav Republic of</option>
    <option value=”Madagascar”>Madagascar</option>
    <option value=”Malawi”>Malawi</option>
    <option value=”Malaysia”>Malaysia</option>
    <option value=”Maldives”>Maldives</option>
    <option value=”Mali”>Mali</option>
    <option value=”Malta”>Malta</option>
    <option value=”Marshall Islands”>Marshall Islands</option>
    <option value=”Martinique”>Martinique</option>
    <option value=”Mauritania”>Mauritania</option>
    <option value=”Mauritius”>Mauritius</option>
    <option value=”Mayotte”>Mayotte</option>
    <option value=”Mexico”>Mexico</option>
    <option value=”Micronesia, Federated States of”>Micronesia, Federated States of</option>
    <option value=”Moldova, Republic of”>Moldova, Republic of</option>
    <option value=”Monaco”>Monaco</option>
    <option value=”Mongolia”>Mongolia</option>
    <option value=”Montenegro”>Montenegro</option>
    <option value=”Montserrat”>Montserrat</option>
    <option value=”Morocco”>Morocco</option>
    <option value=”Mozambique”>Mozambique</option>
    <option value=”Myanmar”>Myanmar</option>
    <option value=”Namibia”>Namibia</option>
    <option value=”Nauru”>Nauru</option>
    <option value=”Nepal”>Nepal</option>
    <option value=”Netherlands”>Netherlands</option>
    <option value=”Netherlands Antilles”>Netherlands Antilles</option>
    <option value=”New Caledonia”>New Caledonia</option>
    <option value=”New Zealand”>New Zealand</option>
    <option value=”Nicaragua”>Nicaragua</option>
    <option value=”Niger”>Niger</option>
    <option value=”Nigeria”>Nigeria</option>
    <option value=”Niue”>Niue</option>
    <option value=”Norfolk Island”>Norfolk Island</option>
    <option value=”Northern Mariana Islands”>Northern Mariana Islands</option>
    <option value=”Norway”>Norway</option>
    <option value=”Oman”>Oman</option>
    <option value=”Pakistan”>Pakistan</option>
    <option value=”Palau”>Palau</option>
    <option value=”Palestinian Territory, Occupied”>Palestinian Territory, Occupied</option>
    <option value=”Panama”>Panama</option>
    <option value=”Papua New Guinea”>Papua New Guinea</option>
    <option value=”Paraguay”>Paraguay</option>
    <option value=”Peru”>Peru</option>
    <option value=”Philippines”>Philippines</option>
    <option value=”Pitcairn”>Pitcairn</option>
    <option value=”Poland”>Poland</option>
    <option value=”Portugal”>Portugal</option>
    <option value=”Puerto Rico”>Puerto Rico</option>
    <option value=”Qatar”>Qatar</option>
    <option value=”Reunion”>Reunion</option>
    <option value=”Romania”>Romania</option>
    <option value=”Russian Federation”>Russian Federation</option>
    <option value=”Rwanda”>Rwanda</option>
    <option value=”Saint Helena”>Saint Helena</option>
    <option value=”Saint Kitts and Nevis”>Saint Kitts and Nevis</option>
    <option value=”Saint Lucia”>Saint Lucia</option>
    <option value=”Saint Pierre and Miquelon”>Saint Pierre and Miquelon</option>
    <option value=”Saint Vincent and The Grenadines”>Saint Vincent and The Grenadines</option>
    <option value=”Samoa”>Samoa</option>
    <option value=”San Marino”>San Marino</option>
    <option value=”Sao Tome and Principe”>Sao Tome and Principe</option>
    <option value=”Saudi Arabia”>Saudi Arabia</option>
    <option value=”Senegal”>Senegal</option>
    <option value=”Serbia”>Serbia</option>
    <option value=”Seychelles”>Seychelles</option>
    <option value=”Sierra Leone”>Sierra Leone</option>
    <option value=”Singapore”>Singapore</option>
    <option value=”Slovakia”>Slovakia</option>
    <option value=”Slovenia”>Slovenia</option>
    <option value=”Solomon Islands”>Solomon Islands</option>
    <option value=”Somalia”>Somalia</option>
    <option value=”South Africa”>South Africa</option>
    <option value=”South Georgia and The South Sandwich Islands”>South Georgia and The South Sandwich Islands</option>
    <option value=”Spain”>Spain</option>
    <option value=”Sri Lanka”>Sri Lanka</option>
    <option value=”Sudan”>Sudan</option>
    <option value=”Suriname”>Suriname</option>
    <option value=”Svalbard and Jan Mayen”>Svalbard and Jan Mayen</option>
    <option value=”Swaziland”>Swaziland</option>
    <option value=”Sweden”>Sweden</option>
    <option value=”Switzerland”>Switzerland</option>
    <option value=”Syrian Arab Republic”>Syrian Arab Republic</option>
    <option value=”Taiwan (ROC)”>Taiwan (ROC)</option>
    <option value=”Tajikistan”>Tajikistan</option>
    <option value=”Tanzania, United Republic of”>Tanzania, United Republic of</option>
    <option value=”Thailand”>Thailand</option>
    <option value=”Timor-leste”>Timor-leste</option>
    <option value=”Togo”>Togo</option>
    <option value=”Tokelau”>Tokelau</option>
    <option value=”Tonga”>Tonga</option>
    <option value=”Trinidad and Tobago”>Trinidad and Tobago</option>
    <option value=”Tunisia”>Tunisia</option>
    <option value=”Turkey”>Turkey</option>
    <option value=”Turkmenistan”>Turkmenistan</option>
    <option value=”Turks and Caicos Islands”>Turks and Caicos Islands</option>
    <option value=”Tuvalu”>Tuvalu</option>
    <option value=”Uganda”>Uganda</option>
    <option value=”Ukraine”>Ukraine</option>
    <option value=”United Arab Emirates”>United Arab Emirates</option>
    <option value=”United Kingdom”>United Kingdom</option>
    <option value=”United States”>United States</option>
    <option value=”United States Minor Outlying Islands”>United States Minor Outlying Islands</option>
    <option value=”Uruguay”>Uruguay</option>
    <option value=”Uzbekistan”>Uzbekistan</option>
    <option value=”Vanuatu”>Vanuatu</option>
    <option value=”Venezuela”>Venezuela</option>
    <option value=”Viet Nam”>Viet Nam</option>
    <option value=”Virgin Islands, British”>Virgin Islands, British</option>
    <option value=”Virgin Islands, U.S.”>Virgin Islands, U.S.</option>
    <option value=”Wallis and Futuna”>Wallis and Futuna</option>
    <option value=”Western Sahara”>Western Sahara</option>
    <option value=”Yemen”>Yemen</option>
    <option value=”Zambia”>Zambia</option>
    <option value=”Zimbabwe”>Zimbabwe</option>
    </select><br>

    ZIP / Postal Code:*<input id=”00N5a00000DKGs2″ maxlength=”25″ name=”00N5a00000DKGs2″ size=”20″ type=”text” required=true/><br>

    Phone:*<input id=”00N5a00000DKGrx” maxlength=”40″ name=”00N5a00000DKGrx” onkeydown=”formatPhoneOnEnter(this, event);” size=”20″ type=”text” required=true/><br>

    <label for=”email”>Email:*</label><input id=”email” maxlength=”80″ name=”email” size=”20″ type=”text” required=true/><br>

    Product:* <select id=”00N5a00000DKGrn” name=”00N5a00000DKGrn” title=”Product” required><option value=””>–None–</option><option value=”CodeRunner-RAD750″>CodeRunner-RAD750</option>
    <option value=”I2C Exerciser/CAS-1000″>I2C Exerciser/CAS-1000</option>
    <option value=”I2C Exerciser/BusPro-I”>I2C Exerciser/BusPro-I</option>
    <option value=”SPI Exerciser/BusPro-S”>SPI Exerciser/BusPro-S</option>
    <option value=”ScanExpress Software”>ScanExpress Software</option>
    <option value=”JTAG Hardware”>JTAG Hardware</option>
    <option value=”Legacy Product”>Legacy Product</option>
    <option value=”Other”>Other</option>
    </select><br>

    Priority:* <select id=”00N5a00000DKGri” name=”00N5a00000DKGri” title=”Priority” required ><option value=””>–None–</option><option value=”Not Urgent”>Not Urgent</option>
    <option value=”Slightly Urgent”>Slightly Urgent</option>
    <option value=”Medium Urgency”>Medium Urgency</option>
    <option value=”Increased Urgency”>Increased Urgency</option>
    <option value=”Urgent”>Urgent</option>
    </select><br>

    Related Inquiry Number:<input id=”00N5a00000DKGrd” maxlength=”25″ name=”00N5a00000DKGrd” size=”20″ type=”text”/><br>

    <label for=”description”>Reason for Request:*</label><textarea name=”description”required=true></textarea><br>

    Consent:<input id=”00N5a00000DKGsC” name=”00N5a00000DKGsC” type=”checkbox” value=”1″ required/><br>

    <input type=”submit” name=”submit”>

    </form>

    September 24, 2021 at 1:47 pm #1322209

    Mike
    Moderator

    Hi,
    Thanks for the feedback and your patience, since this form is executing in the backend builder and causing this issue we should try creating a custom shortcode so the form will only show on the frontend.
    While a custom shortcode could be created and added to your functions.php, I believe using a plugin for this would be better should you want to reproduce this with other forms, in my test I used Shortcoder — Create Shortcodes for Anything but you can use any one you like, I added the form code:
    2021-09-24_002.png
    then I added the shortcode to a code block element:
    2021-09-24_003.png
    and the form shows on the frontend:
    2021-09-24_004.png
    without breaking the backend:
    2021-09-24_005.png
    Please give this a try.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.