Multi input repeatable panel: how to?

[orazionelson]

Hi all,
I'm looking for a way to have a group of inputs repeatable with an ADD button.

The data source is from the titleStmt/respStmt in a TEI file:
<teiHeader> <fileDesc> <titleStmt> <title>Per le università di Sessa e del terziere di Toraldo</title> <author>Leone Ostiense</author> <author>Pietro Diacono</author> <respStmt> <resp>transcription by</resp> <name>John Doe</name> </respStmt> <respStmt> <resp>mark-up by</resp> <name>Janet Doe</name> </respStmt> </titleStmt> ...

My source looks like this:
<fx-group ref=".//titleStmt"> <details> <summary>respStmt</summary> <fx-repeat name="respStmt" ref="respStmt" id="respStmts"> <fx-group ref="."> <template> <div class="form-group row"> <div class="col-md-5"> <fx-control ref="resp"> <select name="resp" class="widget form-control"> <option value="transcription by">transcription by</option> <option value="revision by">revision by</option> <option value="mark-up by">mark-up by</option> </select> </fx-control> </div> <div class="col-md-5"> <fx-control ref="name"><input class="widget form-control"/></fx-control> </div> <div class="col-md-2"> <fx-trigger class="deleteIcon"> <button class="btn btn-primary">x</button> <fx-delete ref="."></fx-delete> </fx-trigger> </div> </div> </template> </fx-group> </fx-repeat> <fx-trigger> <button>add resp</button> <fx-insert ref="respStmt"></fx-insert> </fx-trigger> </details> </fx-group>
It works but when I click on the Add button I see an empty space: