Embedding Adaptive Form or HTML5 form in web page

The embedded adaptive form is fully functional and users can fill and submit the form without leaving the page. It helps the user remain in the context of other elements on the web page and simultaneously interact with the form.

The following video explains the steps needed to embed an Adaptive or HTML5 form in web page.
Please refer to the documentation for best prerequisites, best practices etc.

You can download the sample files used in the video from here

The following is the code used to fetch the adaptive form and embed the form in the container identified by the class name right

$(document).ready(function(){
  
	var formName = $( "#xfaform" ).val();
    $.get("http://localhost/content/dam/formsanddocuments/newslettersubscription/jcr:content?wcmmode=disabled", function(data, status){
	console.log(formName);
	$(".right").append(data);
      
    });
  
});


On this page