Sample Page


<!– wp:rioforms/rioform {"id":"rio-form-13","postId":13,"formElement":[{"id":"rio-a7b0410c565364d0","element":{"type":{"desktop":{"value":"text"}},"decoration":{},"name":{"desktop":{"value":"rio_text_13_2"}}},"label":{"text":{"desktop":{"value":"Text Field"}},"decoration":{}},"text":{"text":{},"decoration":{}},"placeholder":{"decoration":{}},"styles":""},{"id":"rio-7b0410c565364d0c","element":{"innerContent":{},"decoration":{},"buttonLabel":{"desktop":{"value":"Submit"}}},"button":{"decoration":{}},"styles":""},{"id":"rio-b0410c565364d0cb","element":{"adminLabel":{},"decoration":{}},"styles":""}],"lock":{"remove":false,"move":false}} –> <form class="wp-block-rioforms-rioform rio-form-13 rio-form" x-data="formSubmit" x-on:submit="submit" x-init="init()" x-on:focusout="change" x-on:input="change"><input class="rio-form-field" type="hidden" name="postId" value="13"/><input class="rio-form-field" type="hidden" name="formId" value="rio-form-13"/><div class="rio-form-elements-wrap" x-bind="form" x-transition=""><!– wp:rioforms/container {"id":"rio-8a7b0410c565364d"} –> <div class="wp-block-rioforms-container rio-8a7b0410c565364d rio-forms-container"><!– wp:rioforms/text {"id":"rio-d28a7b0410c56536","element":{"type":{"desktop":{"value":"text"}},"decoration":{},"name":{"desktop":{"value":"rio_text_13_1"}}}} –> <div class="wp-block-rioforms-text rio-d28a7b0410c56536 rio-form-element rio-forms-text"><label for="rio_text_13_1">Text Field</label><input id="rio_text_13_1" class="rio-form-field" type="text" name="rio_text_13_1"/><p class="rio-form-error-message" x-show="formData['rio_text_13_1'].errorMessage" x-text="formData['rio_text_13_1'].errorMessage" x-cloak="">Error Message</p></div> <!– /wp:rioforms/text –> <!– wp:rioforms/submit {"id":"rio-28a7b0410c565364"} –> <div class="wp-block-rioforms-submit rio-28a7b0410c565364 rio-form-element rio-forms-submit"><button type="submit">Submit</button></div> <!– /wp:rioforms/submit –></div> <!– /wp:rioforms/container –></div><div class="rio-form-success" x-bind="successMessage" x-transition="" x-cloak=""></div></form> <!– /wp:rioforms/rioform –>