Drop down matrix cannot have text and number in the drop down options?

  • Profile Image
    eacops
    Asked on February 01, 2013 at 02:53 PM

    As you can see in the screenshot below, I have mixed text and numbers in the drop down options, but looks like it considers yes as 1, and no as 2. Is there a way to fix this? Also, I don't receive forms through email anymore. it was working before, and I didn't make any change.

    Thanks.

  • Profile Image
    jefreylandicho
    Answered on February 01, 2013 at 03:14 PM

    Hi

    Can you provide a link to your website with that form so I amy further asses your problem and come up with a solution.

     

     

  • Profile Image
    eacops
    Answered on February 01, 2013 at 03:31 PM

    I just tested again. It works fine if I submit the form from "Jotform", but it was still not working properly if I submit the form from my site. and I still don't receive it through email.

    http://form.jotform.ca/form/21526005289249

    Below is the code I put on my site:

    <script src="//jotform.ca/min/g=jotform?3.1.1447" type="text/javascript"></script>
    <script type="text/javascript">
       JotForm.setConditions([{"action":{"field":"65","visibility":"Show"},"link":"Any","terms":[{"field":"231","operator":"equals","value":"Text"}],"type":"field"},{"action":{"field":"232","visibility":"Show"},"link":"Any","terms":[{"field":"231","operator":"equals","value":"Upload"}],"type":"field"},{"action":{"field":"233","visibility":"Show"},"link":"Any","terms":[{"field":"231","operator":"equals","value":"Other"}],"type":"field"}]);
       JotForm.init(function(){
          $('input_253').hint('ex: myname@example.com');
          JotForm.initCaptcha('input_241');
       });
    </script>
    <link target="_blank" href="http://jotform.ca/min/g=formCss?3.1.1447" rel="nofollow noopener" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .form-label{
            width:150px !important;
        }
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding-top:10px;
            padding-bottom:10px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:900px;
            color:#6E6E6E !important;
            font-family:'Verdana';
            font-size:12px;
        }
        .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
            color:#6E6E6E;
        }

        /* Injected CSS Code */
    .form-submit-button{
    color:#4D4D4D;
    border-style:rounded;
    height:23px;
    width:75px;
    font: 11px arial,sans-serif;
    }.form-submit-button-light_rounded{ padding: 0px 18px !important; }
    .form-multiple-column .form-checkbox-item {
    width: 190px;}
        /* Injected CSS Code */
    </style>

    <link type="text/css" rel="stylesheet" target="_blank" href="http://jotform.ca/css/styles/buttons/form-submit-button-light_rounded.css?3.1.1447" rel="nofollow noopener"/>
    <form class="jotform-form" action="http://submit.jotform.ca/submit/21526005289249/" method="post" enctype="multipart/form-data" name="form_21526005289249" id="21526005289249" accept-charset="utf-8">
      <input type="hidden" name="formID" value="21526005289249" />
      <div class="form-all">
        <ul class="form-section">
          <li id="cid_3" class="form-input-wide">
            <div class="form-header-group">
              <h3 id="header_3" class="form-header">
                Your Contact Information
              </h3>
            </div>
          </li>
          <li class="form-line" id="id_253">
            <label class="form-label-top" id="label_253" for="input_253">
              Please enter your e-mail address here. We are going to contact you regarding this submission using the e-mail below<span class="form-required">*</span>
            </label>
            <div id="cid_253" class="form-input-wide">
              <input type="text" class="form-textbox validate[required, Email]" id="input_253" name="q253_clickTo" size="30" />
            </div>
          </li>
          <li id="cid_252" class="form-input-wide">
            <div class="form-header-group">
              <h3 id="header_252" class="form-header">
                Product Information
              </h3>
            </div>
          </li>
          <li class="form-line" id="id_251">
            <label class="form-label-top" id="label_251" for="input_251">  </label>
            <div id="cid_251" class="form-input-wide">
              <table summary="" cellpadding="4" cellspacing="0" class="form-matrix-table">
                <tr>
                  <th style="border:none">
                    &nbsp;
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Product Name
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Language Codes
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    DS
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    DSP
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Designer-AA
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    DS.com
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Priority
                  </th>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    1
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[0][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[0][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    2
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[1][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[1][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    3
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[2][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[2][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    4
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[3][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[3][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    5
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[4][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[4][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="1"> Yes </option>
                      <option value="2"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
              </table>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_254">
            <label class="form-label-top" id="label_254" for="input_254"> Product Description #1 </label>
            <div id="cid_254" class="form-input-wide">
              <textarea id="input_254" class="form-textarea" name="q254_productDescription" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_259">
            <label class="form-label-top" id="label_259" for="input_259"> System Requirements #1 </label>
            <div id="cid_259" class="form-input-wide">
              <textarea id="input_259" class="form-textarea" name="q259_systemRequirements" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_66">
            <label class="form-label-top" id="label_66" for="input_66"> Product Boxshot #1 - jpg, jpeg, png, gif </label>
            <div id="cid_66" class="form-input-wide">
              <input class="form-upload" type="file" id="input_66" name="q66_largeBoxshot66" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_255">
            <label class="form-label-top" id="label_255" for="input_255"> Product Description #2 </label>
            <div id="cid_255" class="form-input-wide">
              <textarea id="input_255" class="form-textarea" name="q255_productDescription255" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_260">
            <label class="form-label-top" id="label_260" for="input_260"> System Requirements #2 </label>
            <div id="cid_260" class="form-input-wide">
              <textarea id="input_260" class="form-textarea" name="q260_systemRequirements260" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_67">
            <label class="form-label-top" id="label_67" for="input_67"> Product Boxshot #2 - jpg, jpeg, png, gif </label>
            <div id="cid_67" class="form-input-wide">
              <input class="form-upload" type="file" id="input_67" name="q67_smallBoxshot67" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_256">
            <label class="form-label-top" id="label_256" for="input_256"> Product Description #3 </label>
            <div id="cid_256" class="form-input-wide">
              <textarea id="input_256" class="form-textarea" name="q256_productDescription256" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_261">
            <label class="form-label-top" id="label_261" for="input_261"> System Requirements #3 </label>
            <div id="cid_261" class="form-input-wide">
              <textarea id="input_261" class="form-textarea" name="q261_systemRequirements261" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_245">
            <label class="form-label-top" id="label_245" for="input_245"> Product Boxshot #3 - jpg, jpeg, png, gif </label>
            <div id="cid_245" class="form-input-wide">
              <input class="form-upload" type="file" id="input_245" name="q245_productBoxshot" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_257">
            <label class="form-label-top" id="label_257" for="input_257"> Product Description #4 </label>
            <div id="cid_257" class="form-input-wide">
              <textarea id="input_257" class="form-textarea" name="q257_productDescription257" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_262">
            <label class="form-label-top" id="label_262" for="input_262"> System Requirements #4 </label>
            <div id="cid_262" class="form-input-wide">
              <textarea id="input_262" class="form-textarea" name="q262_systemRequirements262" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_250">
            <label class="form-label-top" id="label_250" for="input_250"> Product Boxshot #4- jpg, jpeg, png, gif </label>
            <div id="cid_250" class="form-input-wide">
              <input class="form-upload" type="file" id="input_250" name="q250_productBoxshot250" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_258">
            <label class="form-label-top" id="label_258" for="input_258"> Product Description #5 </label>
            <div id="cid_258" class="form-input-wide">
              <textarea id="input_258" class="form-textarea" name="q258_productDescription258" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_263">
            <label class="form-label-top" id="label_263" for="input_263"> System Requirements #5 </label>
            <div id="cid_263" class="form-input-wide">
              <textarea id="input_263" class="form-textarea" name="q263_systemRequirements263" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_249">
            <label class="form-label-top" id="label_249" for="input_249"> Product Boxshot #5 - jpg, jpeg, png, gif </label>
            <div id="cid_249" class="form-input-wide">
              <input class="form-upload" type="file" id="input_249" name="q249_productBoxshot249" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li id="cid_219" class="form-input-wide">
            <div class="form-header-group">
              <h3 id="header_219" class="form-header">
                Special Instructions
              </h3>
            </div>
          </li>
          <li class="form-line" id="id_221">
            <label class="form-label-top" id="label_221" for="input_221"> Please provide any special instructions regarding this request </label>
            <div id="cid_221" class="form-input-wide">
              <textarea id="input_221" class="form-textarea" name="q221_pleaseProvide" cols="60" rows="6"></textarea>
            </div>
          </li>
          <li class="form-line" id="id_241">
            <label class="form-label-top" id="label_241" for="input_241">
              Enter the message as it's shown<span class="form-required">*</span>
            </label>
            <div id="cid_241" class="form-input-wide">
              <div class="form-captcha">
                <label for="input_241"> <img alt="Captcha - Reload if it's not displayed" id="input_241_captcha" class="form-captcha-image" style="background:url(http://jotform.ca/images/loader-big.gif) no-repeat center;" src="//jotform.ca/images/blank.gif" width="150" height="41" /> </label>
                <div style="white-space:nowrap;">
                  <input type="text" id="input_241" class="form-textbox validate[required]" name="captcha" style="width:130px;" />
                  <img src="//jotform.ca/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_241');" />
                  <input type="hidden" name="captcha_id" id="input_241_captcha_id" value="0" />
                </div>
              </div>
            </div>
          </li>
          <li class="form-line" id="id_184">
            <div id="cid_184" class="form-input-wide">
              <div style="text-align:left" class="form-buttons-wrapper">
                <button id="input_184" type="submit" class="form-submit-button form-submit-button-light_rounded">
                  Submit
                </button>
              </div>
            </div>
          </li>
          <li style="display:none">
            Should be Empty:
            <input type="text" name="website" value="" />
          </li>
        </ul>
      </div>
      <input type="hidden" id="simple_spc" name="simple_spc" value="21526005289249" />
      <script type="text/javascript">
      document.getElementById("si" + "mple" + "_spc").value = "21526005289249-21526005289249";
      </script>
    </form>

  • Profile Image
    jefreylandicho
    Answered on February 01, 2013 at 03:49 PM

    It could be a jquery conflict. I will need a direct link to your website to verify it

  • Profile Image
    jonathan
    Answered on February 01, 2013 at 04:03 PM

    @eacops

    Hi, you seem to be using the form's source code on your website, it is possible there are conflict on this -- as jefreylandicho mentioned we need to see the form in your website to further check. Please share to us the URL of your website where you use the form.

    I tested your form using its direct URL https://www.jotform.com/21526005289249 and I found no issue with it.

    Will await your updates.

    Thanks

  • Profile Image
    eacops
    Answered on February 01, 2013 at 04:18 PM

    this page on my site is not live yet, I was testing it on my local machine. Is there any other way you can help on this? Also can you explain why the email function stoped working?

    Thanks.

  • Profile Image
    jonathan
    Answered on February 01, 2013 at 04:37 PM

    Hi,

    Did you use the form's source code? If you did and we cannot see it yet in action, we may be limited in options to properly assist you. But please try pasting your page source code here (http://pastie.org/) -- I will try use it on my test page, to review.

    As for the email, it is possible that your emails are just being filtered out as spam or it is in your junk email folder. It is because your form's notification email is just not setup properly.

     

    Review this article for more details on how to fix email issues (-How-to-setup-email-alerts-to-prevent-emails-not-being-received-issues)

    Keep us posted.

    Thanks.

  • Profile Image
    eacops
    Answered on February 01, 2013 at 05:17 PM

    I posted all the page code in there, and here is the url http://pastie.org/6024186

  • Profile Image
    jonathan
    Answered on February 01, 2013 at 05:36 PM

    Thank you. I got the page codes. I'll update you later when I am done testing.

  • Profile Image
    abajan
    Answered on February 03, 2013 at 08:25 AM

    @eacops

    Upon viewing your page's code, I noticed that the option tags' values do not correspond to their texts. While editing the options, you apparently forgot to edit the values too. Have a look at the following screenshot of a segment of your web page's code:


    Notice how while the values match the text in the second dropdown: value="1" corresponds to 1, value="2" to 2 and so on, that's not the case in the first dropdown: value="1" corresponds to Yes and value="2" to No

    Since it's the values that are sent in submissions, changing the values in all of the Yes and No dropdowns from 1 and 2 to Yes and No respectively should solve the problem.

  • Profile Image
    eacops
    Answered on February 11, 2013 at 11:17 AM

    Thanks a lot. The above issue is fixed, but there is another one. I filled up the information in the form, but I receive everything except the matrix through email. I have checked the submission, and the matrix is in there, but not in the email. Can you please advice?

    below is all the code I put on my site.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
        <title>ELMS for DreamSpark Product Request Form : Kivuto Extranet</title>
        <link rel="stylesheet" target="_blank" href="css/form.css" type="text/css" />
        <link rel=”shortcut icon” target="_blank" href=”/favicon.ico” type=”image/x-icon” />
    </head>

    <body bgcolor="#eeeeee">
    <div id="top">
    <table border="0" width="900">
    <tr>
        <td><img src="images/extranet_logo_211x70px.png" width="211" height="70" alt="Kivuto Extranet"></td>
        <td><span class="h1title">EXTRANET<br />ELMS for DreamSpark Product Request Form</span></td>
        <td align="right"><a target="_blank" href="index.html">Home</a></td>
    </tr>
    </table>
    </div>
    <div id="container">

    <script src="//jotform.ca/min/g=jotform?3.1.1447" type="text/javascript"></script>
    <script type="text/javascript">
       JotForm.setConditions([{"action":{"field":"65","visibility":"Show"},"link":"Any","terms":[{"field":"231","operator":"equals","value":"Text"}],"type":"field"},{"action":{"field":"232","visibility":"Show"},"link":"Any","terms":[{"field":"231","operator":"equals","value":"Upload"}],"type":"field"},{"action":{"field":"233","visibility":"Show"},"link":"Any","terms":[{"field":"231","operator":"equals","value":"Other"}],"type":"field"}]);
       JotForm.init(function(){
          $('input_253').hint('ex: myname@example.com');
          JotForm.initCaptcha('input_241');
       });
    </script>
    <link target="_blank" href="http://jotform.ca/min/g=formCss?3.1.1447" rel="nofollow noopener" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .form-label{
            width:150px !important;
        }
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding-top:10px;
            padding-bottom:10px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:900px;
            color:#6E6E6E !important;
            font-family:'Verdana';
            font-size:12px;
        }
        .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
            color:#6E6E6E;
        }

        /* Injected CSS Code */
    .form-submit-button{
    color:#4D4D4D;
    border-style:rounded;
    height:23px;
    width:75px;
    font: 11px arial,sans-serif;
    }.form-submit-button-light_rounded{ padding: 0px 18px !important; }
    .form-multiple-column .form-checkbox-item {
    width: 190px;}
        /* Injected CSS Code */
    </style>

    <link type="text/css" rel="stylesheet" target="_blank" href="http://jotform.ca/css/styles/buttons/form-submit-button-light_rounded.css?3.1.1447" rel="nofollow noopener"/>
    <form class="jotform-form" action="http://submit.jotform.ca/submit/21526005289249/" method="post" enctype="multipart/form-data" name="form_21526005289249" id="21526005289249" accept-charset="utf-8">
      <input type="hidden" name="formID" value="21526005289249" />
      <div class="form-all">
        <ul class="form-section">
          <li id="cid_3" class="form-input-wide">
            <div class="form-header-group">
              <h3 id="header_3" class="form-header">
                Your Contact Information
              </h3>
            </div>
          </li>
          <li class="form-line" id="id_253">
            <label class="form-label-top" id="label_253" for="input_253">
              Please enter your e-mail address here. We are going to contact you regarding this submission using the e-mail below<span class="form-required">*</span>
            </label>
            <div id="cid_253" class="form-input-wide">
              <input type="text" class="form-textbox validate[required, Email]" id="input_253" name="q253_clickTo" size="30" />
            </div>
          </li>
          <li id="cid_252" class="form-input-wide">
            <div class="form-header-group">
              <h3 id="header_252" class="form-header">
                Product Information
              </h3>
            </div>
          </li>
          <li class="form-line" id="id_251">
            <label class="form-label-top" id="label_251" for="input_251"> Product Table </label>
            <div id="cid_251" class="form-input-wide">
              <table summary="" cellpadding="4" cellspacing="0" class="form-matrix-table">
                <tr>
                  <th style="border:none">
                    &nbsp;
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Product Name
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Language Codes
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    DS
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    DSP
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Designer-AA
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    DS.com
                  </th>
                  <th class="form-matrix-column-headers" style="width:16.285714285714285%">
                    Priority
                  </th>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    1
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[0][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[0][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[0][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    2
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[1][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[1][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[1][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    3
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[2][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[2][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[2][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    4
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[3][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[3][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[3][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <th align="left" class="form-matrix-row-headers" nowrap="nowrap">
                    5
                  </th>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="35" name="q251_selectThe[4][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <input class="form-textbox" type="text" size="30" name="q251_selectThe[4][]" />
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="Yes"> Yes </option>
                      <option value="No"> No </option>
                    </select>
                  </td>
                  <td align="center" class="form-matrix-values">
                    <select class="form-dropdown" name="q251_selectThe[4][]">
                      <option>  </option>
                      <option value="1"> 1 </option>
                      <option value="2"> 2 </option>
                      <option value="3"> 3 </option>
                      <option value="4"> 4 </option>
                      <option value="5"> 5 </option>
                    </select>
                  </td>
                </tr>
              </table>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_254">
            <label class="form-label-top" id="label_254" for="input_254"> Product Description #1 </label>
            <div id="cid_254" class="form-input-wide">
              <textarea id="input_254" class="form-textarea" name="q254_productDescription" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_259">
            <label class="form-label-top" id="label_259" for="input_259"> System Requirements #1 </label>
            <div id="cid_259" class="form-input-wide">
              <textarea id="input_259" class="form-textarea" name="q259_systemRequirements" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_66">
            <label class="form-label-top" id="label_66" for="input_66"> Product Boxshot #1 - jpg, jpeg, png, gif </label>
            <div id="cid_66" class="form-input-wide">
              <input class="form-upload" type="file" id="input_66" name="q66_largeBoxshot66" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_255">
            <label class="form-label-top" id="label_255" for="input_255"> Product Description #2 </label>
            <div id="cid_255" class="form-input-wide">
              <textarea id="input_255" class="form-textarea" name="q255_productDescription255" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_260">
            <label class="form-label-top" id="label_260" for="input_260"> System Requirements #2 </label>
            <div id="cid_260" class="form-input-wide">
              <textarea id="input_260" class="form-textarea" name="q260_systemRequirements260" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_67">
            <label class="form-label-top" id="label_67" for="input_67"> Product Boxshot #2 - jpg, jpeg, png, gif </label>
            <div id="cid_67" class="form-input-wide">
              <input class="form-upload" type="file" id="input_67" name="q67_smallBoxshot67" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_256">
            <label class="form-label-top" id="label_256" for="input_256"> Product Description #3 </label>
            <div id="cid_256" class="form-input-wide">
              <textarea id="input_256" class="form-textarea" name="q256_productDescription256" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_261">
            <label class="form-label-top" id="label_261" for="input_261"> System Requirements #3 </label>
            <div id="cid_261" class="form-input-wide">
              <textarea id="input_261" class="form-textarea" name="q261_systemRequirements261" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_245">
            <label class="form-label-top" id="label_245" for="input_245"> Product Boxshot #3 - jpg, jpeg, png, gif </label>
            <div id="cid_245" class="form-input-wide">
              <input class="form-upload" type="file" id="input_245" name="q245_productBoxshot" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_257">
            <label class="form-label-top" id="label_257" for="input_257"> Product Description #4 </label>
            <div id="cid_257" class="form-input-wide">
              <textarea id="input_257" class="form-textarea" name="q257_productDescription257" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_262">
            <label class="form-label-top" id="label_262" for="input_262"> System Requirements #4 </label>
            <div id="cid_262" class="form-input-wide">
              <textarea id="input_262" class="form-textarea" name="q262_systemRequirements262" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_250">
            <label class="form-label-top" id="label_250" for="input_250"> Product Boxshot #4- jpg, jpeg, png, gif </label>
            <div id="cid_250" class="form-input-wide">
              <input class="form-upload" type="file" id="input_250" name="q250_productBoxshot250" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li class="form-line form-line-column form-line-column-clear" id="id_258">
            <label class="form-label-top" id="label_258" for="input_258"> Product Description #5 </label>
            <div id="cid_258" class="form-input-wide">
              <textarea id="input_258" class="form-textarea" name="q258_productDescription258" cols="33" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_263">
            <label class="form-label-top" id="label_263" for="input_263"> System Requirements #5 </label>
            <div id="cid_263" class="form-input-wide">
              <textarea id="input_263" class="form-textarea" name="q263_systemRequirements263" cols="32" rows="3"></textarea>
            </div>
          </li>
          <li class="form-line form-line-column" id="id_249">
            <label class="form-label-top" id="label_249" for="input_249"> Product Boxshot #5 - jpg, jpeg, png, gif </label>
            <div id="cid_249" class="form-input-wide">
              <input class="form-upload" type="file" id="input_249" name="q249_productBoxshot249" file-accept="jpg, jpeg, png, gif" file-maxsize="10240" />
            </div>
          </li>
          <li id="cid_219" class="form-input-wide">
            <div class="form-header-group">
              <h3 id="header_219" class="form-header">
                Special Instructions
              </h3>
            </div>
          </li>
          <li class="form-line" id="id_221">
            <label class="form-label-top" id="label_221" for="input_221"> Please provide any special instructions regarding this request </label>
            <div id="cid_221" class="form-input-wide">
              <textarea id="input_221" class="form-textarea" name="q221_pleaseProvide" cols="60" rows="6"></textarea>
            </div>
          </li>
          <li class="form-line" id="id_241">
            <label class="form-label-top" id="label_241" for="input_241">
              Enter the message as it's shown<span class="form-required">*</span>
            </label>
            <div id="cid_241" class="form-input-wide">
              <div class="form-captcha">
                <label for="input_241"> <img alt="Captcha - Reload if it's not displayed" id="input_241_captcha" class="form-captcha-image" style="background:url(http://jotform.ca/images/loader-big.gif) no-repeat center;" src="//jotform.ca/images/blank.gif" width="150" height="41" /> </label>
                <div style="white-space:nowrap;">
                  <input type="text" id="input_241" class="form-textbox validate[required]" name="captcha" style="width:130px;" />
                  <img src="//jotform.ca/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_241');" />
                  <input type="hidden" name="captcha_id" id="input_241_captcha_id" value="0" />
                </div>
              </div>
            </div>
          </li>
          <li class="form-line" id="id_184">
            <div id="cid_184" class="form-input-wide">
              <div style="text-align:left" class="form-buttons-wrapper">
                <button id="input_184" type="submit" class="form-submit-button form-submit-button-light_rounded">
                  Submit
                </button>
              </div>
            </div>
          </li>
          <li style="display:none">
            Should be Empty:
            <input type="text" name="website" value="" />
          </li>
        </ul>
      </div>
      <input type="hidden" id="simple_spc" name="simple_spc" value="21526005289249" />
      <script type="text/javascript">
      document.getElementById("si" + "mple" + "_spc").value = "21526005289249-21526005289249";
      </script>
    </form>
    </div><!--container-->

    </div>
    <div id="bottom">&copy;2012 Kivuto Solutions Inc. All rights reserved.<br><a target="_blank" href="http://www.Kivuto.com" rel="nofollow noopener">Kivuto.com</a></div>
    </body>
    </html>

  • Profile Image
    Welvin
    Answered on February 11, 2013 at 12:37 PM

    Hi,

    That should be fixed, it needs you to open the Form Notification and update the field variable. Please kindly test the form again. If it still won't work, please try re-creating the form notification.

     

    Thanks

  • Profile Image
    eacops
    Answered on February 11, 2013 at 02:21 PM

    No, I just delete the email norification and create a new one and tested again, and I am still not able to receive the matrix. You can test and put your test email address on the list if you want to try. Thanks. Below is that form name.

    Microsoft DreamSpark Product Request Form

  • Profile Image
    Welvin
    Answered on February 11, 2013 at 02:56 PM

    Hi,

    I just added my email address and I have received the Matrix Field:

    Please kindly modify the recepient settings of your form by following this guide: Finding out E-mail Address used for submission notifications and test it after. Please be sure to fillup the matrix field, don't leave it empty when testing.

     

    Thanks

  • Profile Image
    abajan
    Answered on February 11, 2013 at 06:42 PM

    Just to ensure that we're all "on the same page" (pun intended), as I understand it, the issue is that when the matrix in the embedded form (containing the edited code) is filled out and the form is submitted, the values which were selected by the user show up correctly in the submission records but not in the email alert. Some minutes ago, I made a submission via a local page containing the code supplied by eacops. While I was able to ascertain that the values show up fine in the submission records, I suspect that what eacops received in the notification doesn't match the screenshot below:


    @eacops,

    If this is indeed the issue and we are unable to make matrices' values match, perhaps it would be best to replace the matrix's tag with a link to the form's submissions. (Please see this guide).

    Please let us know your thoughts on this suggestion.

    Thanks.