<authors> <author /> </authors> </book> </books> </xforms:instance> <xforms:instance id="author-template"> <author xmlns="" /> </xforms:instance> </xforms:model> <!-- CSS style specific to this page --> <style type="text/css"> .xforms-label { font-weight: bold } .books-label { display: -moz-inline-box; display: inline-block; width: expression('9em'); min-width: 9em; } .books-table { background-color: #fce5b6 } .books-table .add-td { width: 33em } .books-table .form-td { width: 33em; background: white; padding: .5em } .xforms-repeat-selected-item-1 .form-td { background: #ffc } </style> </head> <body> <table class="books-table"> <tr> <td> <xforms:trigger appearance="minimal" style="text-decoration:none"> <xforms:label><img src="../apps/xforms-bookcast/images/add.gif"/> Add One</xforms:label> <xforms:insert ev:event="DOMActivate" context="instance('books-instance')" nodeset="authors/author" at="index('author-repeat')" position="after" origin="instance('author-template')"/> </xforms:trigger> </td> </tr> <xforms:repeat nodeset="instance('author-template')" id="author-repeat"> <tr> <td> <xforms:trigger appearance="minimal"> <xforms:delete ev:event="DOMActivate" context="instance('books-instance')" nodeset="author" at="index('author-repeat')"/> <xforms:label><img src="../apps/xforms-bookcast/images/remove.gif"/></xforms:label> </xforms:trigger> <xforms:input ref="."> <xforms:label class="books-label">Author: </xforms:label> <xforms:alert>The title is required</xforms:alert> </xforms:input> </td> </tr> </xforms:repeat> </table> </body> </html>