Forum Discussion

RajHelaiya's avatar
RajHelaiya
Qrew Captain
8 years ago

Build a table in a form where user can input values and save them.

I need to create a table in a form where a logged in user can enter data ,similar to grid editing. If I am not wrong the values in the table must be stored in different fields. Image is shown below. C...
Account and realm management
APIs and custom code
App builders
_anomDiebolt_'s avatar
_anomDiebolt_
Qrew Elite
8 years ago
Don't compromise - you can get precisely what you want using script. See screenshots of data entry and result - code manually applied from the console is at the bottom.







var markup ='
<style>
  .QBU_table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .QBU_table td, .QBU_table th {
    border: 1px solid black;
    text-align: center
  }
</style>
<table class=QBU_table>
  <tr>
    <th></th>
    <th>Strongly Disagree</th>
    <th>Disagree</th>
    <th>Neither Agree Nor Disagree</th>
    <th>Agree</th>
    <th>Strongly Agree</th>
  </tr>
  <tr>
    <td>Lorem Ipsum?</td>
    <td><input type="radio" name="_fid_7" value="SD"></td>
    <td><input type="radio" name="_fid_7" value="D"></td>
    <td><input type="radio" name="_fid_7" value="N"></td>
    <td><input type="radio" name="_fid_7" value="A"></td>
    <td><input type="radio" name="_fid_7" value="SA"></td>
  </tr>
  <tr>
    <td>Bacon Ipsum?</td>
    <td><input type="radio" name="_fid_8" value="SD"></td>
    <td><input type="radio" name="_fid_8" value="D"></td>
    <td><input type="radio" name="_fid_8" value="N"></td>
    <td><input type="radio" name="_fid_8" value="A"></td>
    <td><input type="radio" name="_fid_8" value="SA"></td>
  </tr>
  <tr>
    <td>Cat Ipsum?</td>
    <td><input type="radio" name="_fid_9" value="SD"></td>
    <td><input type="radio" name="_fid_9" value="D"></td>
    <td><input type="radio" name="_fid_9" value="N"></td>
    <td><input type="radio" name="_fid_9" value="A"></td>
    <td><input type="radio" name="_fid_9" value="SA"></td>
  </tr>
  <tr>
    <td>Cupcake Ipsum?</td>
    <td><input type="radio" name="_fid_10" value="SD"></td>
    <td><input type="radio" name="_fid_10" value="D"></td>
    <td><input type="radio" name="_fid_10" value="N"></td>
    <td><input type="radio" name="_fid_10" value="A"></td>
    <td><input type="radio" name="_fid_10" value="SA"></td>
  </tr>
  <tr>
    <td>Hodor Ipsum?</td>
    <td><input type="radio" name="_fid_11" value="SD"></td>
    <td><input type="radio" name="_fid_11" value="D"></td>
    <td><input type="radio" name="_fid_11" value="N"></td>
    <td><input type="radio" name="_fid_11" value="A"></td>
    <td><input type="radio" name="_fid_11" value="SA"></td>
  </tr>
</table>
';
$("#tdf_1").replaceWith(markup);