Problems, need help? Have a tip or advice? Post it here.
6 posts Page 1 of 1
Hello.

I have a BDF with the following bound regions.
Code: Select all
<cms:editable name='af_location' label='Application for Location' type='group' order='1' />
      <cms:editable name='af_state' label='State' required='1' type='text' order='1' group='af_location' />
      <cms:editable name='af_city' label='City' required='1' type='text' order='2' group='af_location' />
      <cms:editable name='af_app_location' label='Location' required='1' type='text' order='3' group='af_location' />
   
   
   <cms:editable name='af_pi' label='Personal Information' type='group' order='2' />
      <cms:editable name='af_pi_fname' label='Full Name' required='1' type='text' order='2' group='af_pi' />
      <cms:editable name='af_pi_aname' label='Father/Husband Name' required='1' type='text' order='3' group='af_pi' />
      <cms:editable name='af_pi_surname' label='Surname' required='1' type='text' order='4' group='af_pi' />
      <cms:editable name='af_pi_dob' label='DoB' required='1' type='text' order='5' group='af_pi' />      
      <cms:editable name='af_pi_address' label='Address' required='1' type='textarea' order='8' group='af_pi' />
      <cms:editable name='af_pi_state' label='State' required='1' type='text' order='9' group='af_pi' />
      <cms:editable name='af_pi_city' label='City' required='1' type='text' order='10' group='af_pi' />
      <cms:editable name='af_pi_pincode' label='Pin code' required='1' type='text' order='11' group='af_pi' />
      <cms:editable name='af_pi_number' label='Mobile/Phone' required='1' type='text' order='12' group='af_pi' />
      <cms:editable name='af_pi_email' label='Email Id' required='1' type='text' order='13' group='af_pi' />

   <cms:editable name='af_bd' label='Business Details' type='group' order='3' />
      <cms:editable name='af_bd_btype' label='Business Type' required='1' type='text' order='1' group='af_bd' />
      <cms:editable name='af_bd_bname' label='Name' type='text' required='1' order='2' group='af_bd' />
      <cms:editable name='af_bd_baddress' label='Address' required='1' type='textarea' order='3' group='af_bd' />
      <cms:editable name='af_bd_state' label='State' required='1' type='text' order='4' group='af_bd' />
      <cms:editable name='af_bd_city' label='City' required='1' type='text' order='5' group='af_bd' />
      <cms:editable name='af_bd_pincode' label='Pin code' required='1' type='text' order='6' group='af_bd' />
      <cms:editable name='af_bd_bphone' label='Phone' required='1' type='text' order='7' group='af_bd' />
      <cms:editable name='af_bd_bemail' label='Email Id' required='1' type='text' order='8' group='af_bd' />
      
   <cms:editable name="af_sd" label="Site Details" type="group" order="4" />
      <cms:editable name="af_sd_sowner" label="Owner Name" required='1' type="text" order='1' group="af_sd" />
      <cms:editable name="af_sd_sownerrelation" label="Relation with Owner" required='1' type="text" order='2' group="af_sd" />
      <cms:editable name='af_sd_address' label='Address' required='1' type='textarea' order='3' group='af_sd' />
      <cms:editable name='af_sd_state' label='State' required='1' type='text' order='4' group='af_sd' />
      <cms:editable name='af_sd_city' label='City' required='1' type='text' order='5' group='af_sd' />
      <cms:editable name='af_sd_pincode' label='Pin code' required='1' type='text' order='6' group='af_sd' />
      <cms:editable name='af_sd_khasra' label='Khasra Number' required='1' type='text' order='7' group='af_sd' />
      <cms:editable name='af_sd_khata' label='Khata Number' required='1' type='text' order='8' group='af_sd' />
      <cms:editable name='af_sd_khatauni' label='Khatauni Number' required='1' type='text' order='9' group='af_sd' />
      <cms:editable name='af_sd_citysurvey' label='City Survey Number' required='1' type='text' order='10' group='af_sd' />
      <cms:editable name='af_sd_shoparea' label='Shop Area' required='1' desc='in sq ft' type='text' order='11' group='af_sd' />
      <cms:editable name='af_sd_facing' label='Main Road Facing Status' required='1' type='text' order='11' group='af_sd' />
      <cms:editable name='af_sd_distance' label='Distance from Main Road' required='1' desc="in kms" type='text' order='11' group='af_sd' />
      <cms:editable name='af_sd_frontage' label='Frontage of Shop' required='1' desc="in feet" type='text' order='11' group='af_sd' />
       
    <cms:editable name='af_ob' label='Other Business Details' type='group' />
       <cms:repeatable name='af_ob_repeat' label='Details'>
           <cms:editable name="af_bod_bn" label="Business Name" type="text" group='af_ob' />
            <cms:editable name="af_bod_sn" label="Supplier Name" type="text" group='af_ob' />
            <cms:editable name="af_bod_duration" label="Duration" desc="in years" type="text" group='af_ob' />
            <cms:editable name="af_bod_pc" label="Product Category" type="text" group='af_ob' />
            <cms:editable name="af_bod_at" label="Annual Turnover" type="text" group='af_ob' />
        </cms:repeatable>
   
   <cms:editable name="privacy_accept" label="Privacy Policy Acceptance" desc="Check all applicable" type='radio' opt_values='I Accept | | I DO NOT Accept' required='1' opt_selected='' order='5' />
   
   <cms:editable name="af_docs" label="Uploaded Applicant Documents" type="group" order='6' />
      <cms:editable name="af_docs_name" label="Authorised Signatory Name" required='1' type="text" group="af_docs" order="1" />
        <cms:editable name="af_docs_designation" label="Authorised Signatory Designation" required='1' type="text" group="af_docs" order="2" />
      <cms:editable name="af_docs_passport" label="Passport Photo" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_docs" order="3" />
        <cms:editable name="af_docs_sign" label="Signature" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_docs" order="4" />
        <cms:editable name="af_docs_ageproof" label="Age Proof" allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_docs" order="5" />
        <cms:editable name="af_docs_idproof" label="Id Proof" allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_docs" order="6" />
        <cms:editable name="af_docs_addressproof" label="Address Proof" allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_docs" order="7" />
      <cms:editable name="af_docs_pancard" label="Applicant PAN Card" allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_docs" order="8" />
   
   <cms:editable name="af_bdocs" label="Uploaded Business Documents" type="group" order="7" />
      <cms:editable name="af_docs_incomeproof" label="Income Proof" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_bdocs" order="1" />
      <cms:editable name="af_docs_shopcert" label="Shop/Establishment Certificate" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_bdocs" order="2" />
      <cms:editable name="af_docs_ownershipdoc" label="Ownership Document" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_bdocs" order="3" />
      <cms:editable name="af_docs_propertytax" label="Property Assessment/ Tax Receipt" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_bdocs" order="4" />
      <cms:editable name="af_docs_bpancard" label="Business PAN Card" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_bdocs" order="5" />
      <cms:editable name="af_docs_stamp" label="Round Seal" required='1' allowed_ext='jpg, jpeg, png, gif' max_size='2048' type="securefile" group="af_bdocs" order="6" />
      
   
   <cms:editable name="consent_accept" label="Consent Acceptance" desc="Check all applicable" type='radio' opt_values='I Accept | | I DO NOT Accept' order='5' required='1' />


and the Couch Form as:
Code: Select all
<cms:set submit_success="<cms:get_flash 'submit_success' />" />
                  <cms:if submit_success >
                     <div class="container-fluid">
                        <div class="row">
                           <div class="col-md-12">
                              <div class="alert alert-success" role="alert">
                                 <div class="text-center">Success: Your application has been submitted.</div>
                                 <div class="ptop-20"></div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </cms:if>
                        <cms:form
                     masterpage=k_template_name
                     mode='create'
                     enctype='multipart/form-data'
                     method='post'
                     anchor='0'
                  >
                  
                     <cms:if k_success >
                        <cms:db_persist_form
                           _invalidate_cache='0'
                           k_page_title="<cms:show frm_af_pi_fname /> (<cms:show frm_af_city />)"
                           k_page_name="<cms:random_name />"
                        />
                        <cms:set_flash name='submit_success' value='1' />
                        <cms:redirect k_page_link />
                     </cms:if>

                     <cms:if k_error >
                        <div class="error">
                           <cms:each k_error >
                              <br><cms:show item />
                           </cms:each>
                        </div>
                     </cms:if>
                            <!-- Form Title -->
                            <div class="row">
                               <div class="col-md-3 special-center">
                                   <div class="ptop-5"></div>
                                    <div class="ptop-10"></div>
                                   <h3 style="font-weight: bolder;">Application Form for</h3>
                                   <div class="ptop-10"></div>
                                </div>
                        
                        <div class="col-md-3">
                           <cms:hide><cms:input class="dealer-form" name="af_state" type="bound" /></cms:hide>
                           <select name="f_af_state" id="meal" onChange="changecat(this.value);" class="dealer-form">
                              <option value="" disabled selected>Select State</option>
                              <cms:folders masterpage="state-city.php" hierarchial='1' depth='1'>
                                 <option value="<cms:show k_folder_name />"><cms:show k_folder_title /></option>
                              </cms:folders>
                           </select>
                                   <div class="ptop-10"></div>
                                </div>
                        
                        <div class="col-md-3">   
                           <cms:hide><cms:input class="dealer-form" name="af_city" type="bound" /></cms:hide>
                           <select name="f_af_city" id="category" class="dealer-form">
                              <option value="" disabled selected>Select City</option>
                           </select>
                                   <div class="ptop-10"></div>
                                </div>
                        
                                <div class="col-md-3">
                                   <cms:input class="dealer-form" name="af_app_location" type="bound" placeholder="Location" />
                                   <div class="ptop-10"></div>
                                </div>
                            </div>
                            <!-- Form Title -->
                           
                            <div class="ptop-20"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                           
                            <!-- Appicant Information -->
                            <div class="row">
                                <!--<div class="col-md-12 text-center">
                                    <h3>Applicant Information</h3>
                                    <div class="ptop-30"></div>
                                </div>-->
                                <div class="col-md-12 special-center">
                                    <h4 style="font-weight: bolder;">Personal Information</h4>
                                    <div class="ptop-10"></div>
                                </div>
                                <!-- Name and DoB -->
                                <div class="col-md-3">
                                    <cms:input class="dealer-form" name="af_pi_fname" type="bound" placeholder="Full Name" />
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                    <cms:input class="dealer-form" name="af_pi_aname" type="bound" placeholder="Father/Husband Name" />
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                    <cms:input class="dealer-form" name="af_pi_surname" type="bound" placeholder="Surname" />
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                    <div class="row">
                              <div class="col-xs-2">
                                 <div class="ptop-10"></div>
                                           <h4>DoB</h4>
                                          <div class="ptop-10"></div>
                                        </div>
                                       <div class="col-xs-5" style="padding-right: 0px !important;">
                                           <select class="dealer-form" style="border-right-width: 0px; border-radius: 4px 0px 0px 4px;" name='f_af_pi_dobm' >

                                                <option value="0">Month</option>
                                                <option value="1">January</option>
                                                <option value="2">February</option>
                                                <option value="3">March</option>
                                                <option value="4">April</option>
                                                <option value="5">May</option>
                                                <option value="6">June</option>
                                                <option value="7">July</option>
                                                <option value="8">August</option>
                                                <option value="9">September</option>
                                                <option value="10">October</option>
                                                <option value="11">November</option>
                                                <option value="12">December</option>
                                            </select>
                                          <div class="ptop-10"></div>
                                        </div>
                                        <div class="col-xs-2 no-padding">
                                           <input class="dealer-form" type="text" placeholder="DD" style="border-left-width: 0px !important; border-right-width: 0px !important; border-radius: 0px !important;" name="af_pi_dobd" />
                                          <div class="ptop-10"></div>
                                        </div>
                                        <div class="col-xs-3" style="padding-left: 0px !important;">
                                           <input class="dealer-form" type="bound" name="af_pi_doby" placeholder="YYYY" style="border-radius: 0px 4px 4px 0px;" />
                                          <div class="ptop-10"></div>
                                        </div>
                              <cms:input name='af_pi_dob' type='bound' style="display: none !IMPORTANT;" />
                                    </div>
                                </div>
                                <!-- Name and DoB -->
                               
                                <!-- Address -->
                                <div class="col-md-9">
                                   <cms:input type="bound" name="af_pi_address" class="dealer-form" placeholder="Address" ></cms:input>
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <cms:input class="dealer-form" name="af_pi_state" type="bound" placeholder="State" />
                                   <div class="ptop-10"></div>
                                    <cms:input class="dealer-form" name="af_pi_city" type="bound" placeholder="City" />
                                    <div class="ptop-10"></div>
                                    <cms:input class="dealer-form" name="af_pi_pincode" type="bound" placeholder="Pin Code" />
                                    <div class="ptop-10"></div>
                                </div>
                                <!-- Address -->
                                 
                                <!-- Contact Details -->
                                <div class="col-md-6">
                                   <cms:input class="dealer-form" name="af_pi_number" type="bound" placeholder="Mobile/Phone" />
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-6">
                                   <cms:input class="dealer-form" name="af_pi_email" type="bound" placeholder="Email Id" />
                                    <div class="ptop-10"></div>
                                </div>
                                <!--<div class="col-md-4">
                                   <input class="dealer-form" type="text" placeholder="PAN" />
                                    <div class="ptop-10"></div>
                                </div>-->
                                <!-- Contact Details -->
                            </div>
                            <!-- Appicant Information -->
                           
                            <div class="ptop-20"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                           
                            <!-- Firm Details -->
                            <div class="row">
                                <div class="col-md-12 special-center">
                                    <h4 style="font-weight: bolder;">Business Details</h4>
                                    <div class="ptop-10"></div>
                                </div>
                               
                                <!-- Business Details -->
                                <div class="col-md-6">
                                   <cms:hide><cms:input class="dealer-form" type="bound" name="af_bd_btype" /></cms:hide>
                           <select class="dealer-form" name="f_af_bd_btype">
                              <option>Select Business Type</option>
                              <option>PROPRIETARY</option>
                              <option>PARTNERSHIP</option>
                              <option>PRIVATE LIMITED</option>
                              <option>PUBLIC LIMITED</option>
                              <option>Others</option>
                           </select>
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-6">
                                   <cms:input class="dealer-form" type="bound" name="af_bd_bname"placeholder="Name of Business" />
                                    <div class="ptop-10"></div>
                                </div>
                                <!--<div class="col-md-4">
                                   <input class="dealer-form" type="text" placeholder="Business PAN" />
                                    <div class="ptop-10"></div>
                                </div>-->
                                <div class="col-md-9">
                                   <cms:input type="bound" name="af_bd_baddress" class="dealer-form" placeholder="Address" ></cms:input>
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <cms:input class="dealer-form" type="bound" name="af_bd_state" placeholder="State" />
                                   <div class="ptop-10"></div>
                                    <cms:input class="dealer-form" type="bound" name="af_bd_city" placeholder="City" />
                                    <div class="ptop-10"></div>
                                    <cms:input class="dealer-form" type="bound" name="af_bd_pincode" placeholder="Pin Code" />
                                    <div class="ptop-10"></div>
                                </div>
                        <div class="col-md-6">
                                   <cms:input class="dealer-form" type="bound" name="af_bd_bphone" placeholder="Business Phone" />
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-6">
                                   <cms:input class="dealer-form" type="bound" name="af_bd_bemail" placeholder="Business Email Id" />
                                    <div class="ptop-10"></div>
                                </div>
                                <!-- Business Details -->
                            </div>
                            <!-- Firm Details -->
                           
                            <div class="ptop-20"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                           
                            <!-- Site Details -->
                            <div class="row">
                                <div class="col-md-12 special-center">
                                    <h4 style="font-weight: bolder;">Godown/ Showroom Site Details</h4>
                                    <div class="ptop-10"></div>
                                </div>
                               
                                <!-- Site Specific Details -->
                                <div class="col-md-6">
                                   <cms:input class="dealer-form" name="af_sd_sowner" type="bound" placeholder="Name of Site Owner" />
                                   <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-6">
                                   <cms:input class="dealer-form" name="af_sd_sownerrelation" type="bound" placeholder="Relationship with Site Owner" />
                                   <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-9">
                                   <cms:input type="bound" name="af_sd_address" class="dealer-form" placeholder="Address" ></cms:input>
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                           <cms:input name="af_sd_state" type="bound" class="dealer-form" placeholder="State" />
                                   <div class="ptop-10"></div>
                                    <cms:input class="dealer-form" name="af_sd_city" type="bound" placeholder="City" />
                                    <div class="ptop-10"></div>
                                    <cms:input class="dealer-form" name="af_sd_pincode" type="bound" placeholder="Pin Code" />
                                    <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <cms:input class="dealer-form" name="af_sd_khasra" type="bound" placeholder="Khasra Number" />
                                   <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <cms:input class="dealer-form" name="af_sd_khata" type="bound" placeholder="Khata Number" />
                                   <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <cms:input class="dealer-form" name="af_sd_khatauni" type="bound" placeholder="Khatauni Number" />
                                   <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <cms:input class="dealer-form" name="af_sd_citysurvey" type="bound" placeholder="City Survey Number of Shop" />
                                   <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <div class="input-group">
                                        <cms:input type="bound" name="af_sd_shoparea" class="form-control dealer-form" placeholder="Shop Area" aria-describedby="shoparea" />
                                        <span class="input-group-addon" style="background-color: #0D47A1; color: #ffffff;" id="shoparea">sq. ft.</span>
                                    </div>
                                   <div class="ptop-10"></div>
                                </div>
                                <div class="col-md-3">
                                   <div class="row">
                                       <div class="col-xs-7" style="height: 40px; line-height: 40px;">
                                         Main Road Facing
                                            <div class="ptop-10"></div>
                                        </div>
                                        <div class="col-xs-5">
                                 <cms:hide><cms:input name="af_sd_facing" type='bound' /></cms:hide>
                                            <select class="dealer-form" name="f_af_sd_facing">
                                                <option selected>Select</option>
                                                <option>Yes</option>
                                                <option>No</option>
                                            </select>
                                            <div class="ptop-10"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                   <div class="row">
                                       <div class="col-xs-7" style="height: 40px; line-height: 40px;">
                                         Main Road Distance
                                            <div class="ptop-10"></div>
                                        </div>
                                        <div class="col-xs-5">
                                            <div class="input-group">
                                                <cms:input type="bound" class="form-control dealer-form" name="af_sd_distance" aria-describedby="shopdistance" />
                                                <span class="input-group-addon" style="background-color: #0D47A1; color: #ffffff;" id="shopdistance">km</span>
                                            </div>
                                            <div class="ptop-10"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                   <div class="row">
                                       <div class="col-xs-6" style="height: 40px; line-height: 40px;">
                                         Frontage of Shop
                                            <div class="ptop-10"></div>
                                        </div>
                                        <div class="col-xs-6">
                                            <div class="input-group">
                                                <cms:input type="bound" name="af_sd_frontage" class="form-control dealer-form" aria-describedby="frontage" />
                                                <span class="input-group-addon" style="background-color: #0D47A1; color: #ffffff;" id="frontage">ft</span>   
                                            </div>
                                            <div class="ptop-10"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Site Specific Details -->
                            </div>
                            <!-- Site Details -->
                           
                            <div class="ptop-20"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                           
                            <!-- Past Business Details -->
                            <div class="row">
                               <div class="col-md-12 special-center">
                                   <h4 style="font-weight: bolder;">Current Business Details (if any)</h4>
                                    <div class="ptop-10"></div>
                                </div>
                               
                                <div class="col-md-12">
                                    <cms:input name="af_ob_repeat" type="bound" />
                                    <div class="ptop-20"></div>
                                </div>                               
                            </div>
                            <!-- Past Business Details -->
                     
                     <div class="ptop-10"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                     
                     <!-- Applicant Details -->
                     <div class="row">
                        <div class="col-md-12">
                           <h4 style="font-weight: bolder;">Applicant Personal Documents</h4>
                                    <small>Upload personal Photo, Signature, Deatils, Age, Id and Address of signatory authority</small>
                           <div class="ptop-20"></div>
                        </div>
                               
                                <div class="col-md-6">
                                   <label>Name of Signatory Authority</label>
                                   <cms:input class="dealer-form" name="af_docs_name" type="bound" placeholder="Signatory Authority Full Name" />
                                   <div class="ptop-30"></div>
                                </div>
                                <div class="col-md-6">
                                    <label>Designation of Signatory Authority</label>
                                    <cms:input class="dealer-form" name="af_docs_designation" type="bound" placeholder="Signatory Authority Designation" />
                                    <div class="ptop-30"></div>
                                </div>
                        
                        <div class="col-md-4">
                                   <label>Upload Passport Photo<br><small>(Photo no older than 2months)</small></label>
                                   <img id="blah" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type='bound' name="af_docs_passport" onchange="readURL(this);" />
                                    <div class="ptop-40"></div>
                        </div>                               
                                <div class="col-md-4">
                                   <label>Upload Signature<br><small>(Scanned copy of signature)</small></label>
                                   <img id="blah1" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                                   <cms:input type="bound" name="af_docs_sign" onchange="readURLsign(this);" />
                                    <div class="ptop-40"></div>
                                </div>                               
                                <div class="col-md-4">
                                   <label>Upload Age Proof<br><small>(Aadhaar Card, Voters Id)</small></label>
                           <img id="blah2" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                                   <cms:input type="bound" name="af_docs_ageproof" onchange="readURLage(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                        
                                <div class="col-md-4">
                                   <label>Upload Id Proof<br><small>(Aadhaar Card, Voters Id, Driving License)</small></label>
                                   <img id="blah3" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type="bound" name="af_docs_idproof" onchange="readURLid(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                                <div class="col-md-4">
                                   <label>Upload Address Proof<br><small>(Aadhaar Card, Electrcity Bill)</small></label>
                           <img id="blah4" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                                   <cms:input type="bound" name="af_docs_addressproof" onchange="readURLaddress(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                        <div class="col-md-4">
                                   <label>Upload PAN Card<br><small>(Personal Account Number Card)</small></label>
                           <img id="blah5" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                                   <cms:input type="bound" name="af_docs_pancard" onchange="readURLpancard(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                               
                     </div>
                     <!-- Applicant Details -->
                     
                     <div class="ptop-10"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                     
                     <!-- Business Details -->
                     <div class="row">
                        <div class="col-md-12">
                           <h4 style="font-weight: bolder;">Applicant Business Documents</h4>
                                    <small>Upload business related documents.</small>
                           <div class="ptop-20"></div>
                        </div>
                        
                        <div class="col-md-4">
                                   <label>Income Proof<br><small>(IT Return/ Balance Sheet)</small></label>
                                   <img id="blah6" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type="bound" name="af_docs_incomeproof" onchange="readURLincomeproof(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                        <div class="col-md-4">
                                   <label>Shop Certificate<br><small>(Shop Establishment Certificate)</small></label>
                                   <img id="blah7" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type="bound" name="af_docs_shopcert" onchange="readURLshopcert(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                        <div class="col-md-4">
                                   <label>Ownership Document<br><small>(Title Deed/ Lease Agreement)</small></label>
                                   <img id="blah8" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type="bound" name="af_docs_ownershipdoc" onchange="readURLownershipdoc(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                        <div class="col-md-4">
                                   <label>Tax Receipt<br><small>(Property assessment/ tax payment receipt)</small></label>
                                   <img id="blah9" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type="bound" name="af_docs_propertytax" onchange="readURLpropertytax(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                        <div class="col-md-4">
                                   <label>Business PAN Card<br><small>(Personal Account Number Card of your business, if available)</small></label>
                                   <img id="blah10" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type="bound" name="af_docs_bpancard" onchange="readURLbpancard(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                        <div class="col-md-4">
                                   <label>Official Round Seal<br><small>(Buniess Round Stamp)</small></label>
                                   <img id="blah11" src="#" style="margin: auto; display: block;" />
                                    <div class="ptop-10"></div>
                           <cms:input type="bound" name="af_docs_stamp" onchange="readURLstamp(this);" />
                                    <div class="ptop-40"></div>
                                </div>
                     </div>
                     <!-- Business Details -->
                           
                     <div class="ptop-10"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                     
                     <!-- Privacy Policy -->
                     <div class="row">
                        <div class="col-md-12">
                           <h4 style="font-weight: bolder;">Privacy Policy <small>Required</small></h4>
                           <div class="ptop-10"></div>
                        </div>
                        <div class="col-md-12 text-justify text-capitalize">
                           <p>
                              BLUE LPG GAS PRIVATE LIMITED respects your privacy and is committed to protecting it. We provide this statement to inform you of how the personal information you supply on this form or that you subsequently provide to us will be used.
                           </p>
                           <p>
                              The information will be used by BLUE LPG GAS  Company, carefully selected the suppliers to provide you with BLUE LPG GAS cards and related services and to maintain your account including for the purposes of credit assessment and fraud detection. BLUE LPG GAS also consult and relies on risk intelligence databases and publicly available sources of information and data, such as sanction lists, on an ongoing basis, to comply with its internal policies and relevant sanctions, anti-money laundering, and bribery and corruption prevention obligations. Information so obtained is for BLUE LPG GAS Company’s internal use only except where the law requires otherwise.
                           </p>
                           <p>
                              Please ensures that all directors, officers, key employees and/or owners of your company whose personal information is provided or may be obtained through these intelligence sources are made aware that BLUE LPG GAS COMPANY may be processing their information for the purposes set out above. For more information on our due diligence procedures, visit <a href="http://www.bluelpggas.com/">website</a>.
                           </p>
                           <p>
                              Information will be stored in our systems in the city and may also be shared with a limited number of third parties who we have engaged to provide fuel card related services on our behalf. Your information may also be disclosed upon request to regulators and law enforcement agencies where disclosure is necessary to enable such bodies to perform their functions.
                           </p>
                           <p>
                              Should you have any questions regarding access to our accuracy of your data or any data privacy issue relating to this application, please contactus. Please read the full text of our privacy statement of our conditions of use at <a href="http://www.bluelpggas.com/bluegas-privacy-policy.php">privacy policy page</a>.
                           </p>
                           <div class="ptop-20"></div>
                        </div>
                     </div>
                     
                     <div class="row">
                        <!-- Authorization and Consent Acceptance -->
                        <div class="col-md-12">
                           <cms:input type="bound" name="privacy_accept" />
                           <div class="ptop-10"></div>
                        </div>
                        <!-- Authorization and Consent Acceptance -->
                     </div>
                     
                     <div class="ptop-10"></div>
                            <div class="detail-divider"></div>
                            <div class="ptop-20"></div>
                     
                     <!-- Authorization and Consent -->
                     <div class="row">
                        <div class="col-md-12">
                           <h4 style="font-weight: bolder;">Customer Authorization and Consent Acceptance <small>Required</small></h4>
                           <div class="ptop-10"></div>
                        </div>
                        <div class="col-md-12 text-justify text-capitalize">
                           <ol>
                              <li>Warrants the above information is correct and that he/she is authorized to make this application for and on behalf of the business or company described in Personal Information Section of this Dealership Request Form.</li>

                              <li>Consent TO BLUE GAS PRIVATE LIMITED conducting a credit reference and consumer search on him/her and to other searches using the commercial and consumer databases provided by credit reference agencies for the purposes of credit assessment.</li>

                              <li>Explicitly consents to his/her personal data being used for the purpose of fraud detection and prevention and for the purpose of compliance with blue gas ‘s internal policies and relevant sanctions, anti-money laundering and bribery and corruption prevention obligations in accordance with all relevant data protection laws and regulations; and understands that BLUE GAS PRIVATE LIMITED reserves the right to decline this application without giving any reasons and agrees that.</li>
                              
                              <li>If this application is accepted, BLUE GAS Cards issued to the business will be  issued, and must be used, subject to and in accordance with the conditions of use of BLUE GAS Cards, which can be viewed at <a href="http://www.bluelpggas.com/bluegas-tnc.php">Terms and Conditions page</a>.</li>
                           </ol>
                           <div class="ptop-20"></div>
                        </div>
                     </div>
                     
                     <div class="row">
                        <!-- Authorization and Consent Acceptance -->
                        <div class="col-md-12">
                           <cms:input type="bound" name="consent_accept" />
                           <cms:show consent_accept />
                           <div class="ptop-10"></div>
                        </div>
                        <!-- Authorization and Consent Acceptance -->
                     </div>
                     <!-- Authorization and Consent -->
                     
                            <!-- Submit -->
                            <div class="row">
                               <div class="col-md-2 col-md-offset-5">
                                   <center>
                              <cms:if "<cms:not submit_success />" >
                                        <button class="btn btn-primary btn-xs text-uppercase genxcoders-fw-700" style="background-color: #0D47A1;" type="submit">
                                            <i class="fa fa-save"></i> Submit Request
                                        </button>
                              </cms:if>
                                    </center>
                               </div>
                            </div>
                            <!-- Submit -->
                           
                        </cms:form>


The problems that i am facing are:
1. The form submits, without showing any error, even when the required fields are empty.
2. The form displays submit_success message but is not submitted to the backend.
3. The bound repeatable region (used as a table) is not formatted as a required design, the table goes out of the screen.
4. How can i prevent the form from from submitting when the radio button options are set to "I DO NOT Accept".

Need help with these.

Regards,
GenXCoders
Image
where innovation meets technology
Honestly, I think it deserves a bounty. It is simply too much for this forum to do this debug and code.
Last question's answer should be based on js to prevent form from submit.
The solution to 1 + 2 can be easily fixed by using the k_success and k_error tags properly


Code: Select all
<cms:if k_success>
      <cms:db_persist_form _invalidate_cache='0' k_page_title="<cms:show frm_af_pi_fname /> (<cms:show frm_af_city />)" k_page_name="<cms:random_name />" />
      <cms:if k_success>         
         <cms:set_flash name='submit_success' value='1' />
         <cms:redirect k_page_link />
      </cms:if>

      <cms:if k_error >
         <div class="error">
            <cms:each k_error>
               <br><cms:show item/>
            </cms:each>
         </div>
      </cms:if>
   </cms:if>


Note that there is a second k_success requirement after the db_persist_form. It is set to show the outcome of the form submission. This is the same with the k_error tag which has been moved inside the first k_success tag. In short, the first k_success tag looks at whether the form has been submitted and the second one looks if that submission and subsequent page creation has been successful.

I haven't tested this because, as Trendoman said, the whole thing requires proper debugging and a fair bit more work. But I have just tried to point you in the right direction :)
@keakie

Thanks!
The <cms:if>...</cms:if> did the trick. The submission errors are invoked when required and success is invoked when required.

Issue 3 is related to "tablegear.css" and I'm trying to get it to work.
Issue 4 is related to condition. Am not able to figure out what condition.

Regards,
GenXCoders
Image
where innovation meets technology
Issue 4 can be addressed using basic JS or Jquery if you already have it as a dependency.

Bind an event handler onto the submit button and then check if consent_accept input is checked or not.

To do this I would :

1) Change the consent_accept variable to a checkbox from a radio input for simplicity
2) Find the ID of the consent_accept input when it is rendered on the page. Can use inspect element or developer tools to find this but from memory it looks something like f_consent_accept0.
3) Add an ID to the submit button so it can have an event handler bound to it using Jquery or JS. I have a Jquery example below but it is equally easily in vanilla JS

Code: Select all
$('#submit-button').click(function(){
if ($('#f_consent_accept0').is(":checked") {
} else {
e.preventDefault();
}
});


Let me know if this works
All Set!!!
Thanks a ton!
Image
where innovation meets technology
6 posts Page 1 of 1