Generating HTML Table from Repeating Section using Form Controls only

Step 3: Combine Row into a Table

1. Add a Text-Long control after the RS. Name it as “Table”.
   
2. Create a form rule that apply to Form.
   
3. Name the Rule as “Create Table”.
4. Here the rules triggers when any one of the Row is filled (Condition)
   
5. When the condition is fulfilled, the “Table” field is assigned the value of <Formula>
   
   The “Form.RS1.Row” is a collection of all the Rows in the Repeating Section.
6. Here is the ELSE part. Table is assigned the Value of -Blank-
   
7. Preview Form to Test it. “Table” should be filled with some HTML.
   

Step 4: Use a Label to display the Table

1. Add a Label below the Table field.
2. Insert into the Label – form controls -> Table
   
   
3. Preview Form to Test it.
   

Step 5: Enhancing the HTML Table

1. Remove the comma from the “Form.RS1.Row” collection.
   A comma is inserted after each row in the RS.
     
   Use a replace function to search for “tr>,” and replace it with “tr>”
2. Edit the Create Table rule
   
   
   
3. Add Inline CSS and <TH> (Table Header)
   
4. Preview the Form
   
5. The form is attached