Today, I will explain how to add a new row to a div tag with predefined controls in an HTML Web Resource.
For this, add one HTML web adeptness to your CRM band-aid and abode it in any of the article forms. I added a web adeptness and placed it in the Lead article form. I accept a claim to add a Chump (Contact/Account) from the Lead form, so I placed the web adeptness in the Lead entity.
The functionality of this web adeptness is to add a new Contact or Account with their abode advice and added advice and to additionally accept the adeptness to add a new row of HTML controls with the aforementioned controls that are in the aboriginal row.
When the folio loads, it will affectation article like the image below.
The aloft web adeptness has four ons on the larboard ancillary to add a new row, aish a row, aggrandize or collapse a row, and a ‘save customer’ on which adds new chump annal with added details.
For the aloft requirement, I added two div controls to the HTML page. For the aboriginal div, I activated a class, customerList, and the additional div has a “customer-clone” and I additionally set it to hidden. Every time a user clicks on the additional assurance on, it will add a new row to the web resource, like in the angel below:
The afterward HTML is for the ons on the larboard ancillary of the web resource.
The afterward cipher will aish a row from the web resource.
The afterward cipher will expand-collapse the div ascendancy of a row.
The Collapse rows affectation looks article like the beneath image.
The afterward CSS is acclimated in the aloft web resource.
9 Ways Html Dynamically Add Form Fields Can Improve Your Business | Html Dynamically Add Form Fields – html dynamically add form fields
| Encouraged for you to our website, in this particular period We’ll provide you with in relation to html dynamically add form fields