HTML Element For Repeat Group Header
In this guide, we will explain how to use HTML element for Repeat Group Header. If you have any questions, please email us support@formyoula.com.
This feature will help to create a dynamic label based on merge-id, which is supported via HTML element inside the Repeat Group.
So to use this feature, we need a Formyoula HTML element inside a repeat group. As per the below Image we are using a Repeat Group with one HTML for showing the label on the Repeat group and two other fields. For example, Product Name - Text field and Product Price - Number field.
![](https://storage.googleapis.com/slite-api-files-production/files/5b1a53aa-5f99-4c29-9fd8-996d11acd4bb/image.png)
Now we need to use the component-id/merge-id in HTML element as per below image. You can also change your component-id/merge-id order based on your requirement.
And we can hide the HTML element on the form via CSS because we only need this HTML Element for showing the Repeat Group label.
![](https://storage.googleapis.com/slite-api-files-production/files/6e6c8a3d-c514-45e4-8a9d-8183d65e133c/image.png)
Now, click on Apply Changes and click on Repeat Group Edit icon.
Now, we select HTML element from the Repeat Entry Header Fields instead of selecting multiple Element.
![](https://storage.googleapis.com/slite-api-files-production/files/50187d8f-5f41-432e-977c-4a3b9ffadcda/image.png)
Save the Form and try the Form.
![](https://storage.googleapis.com/slite-api-files-production/files/71d5eff0-f54d-4437-94e4-1a0e8c354240/image.png)
For any questions, please contact us - support@formyoula.com.HTML Element For Repeat Group Header