Back to examples

Add Collapse

Source

var fm = [
     { label: "<h3>Enter Your Details Here</h3>", 
	   name: "pin" , type:"titlebox", attrs:{"class":"text-center"}
	},
     { label: "PIN", name: "pin" },
     { label: "Password", name: "pwd", type:"password"},
     { label: "Upload CV", name: "upload", type:"file"},
     { label: "Period", name: "start,end", type:"daterange"},
     { label: "Submit", name: "submit", type:"button"}
];
$("#formarea").formy("createForm", fm);
var formNode = $("<div>").formy("createForm", fm, { type: "horizontal", colratio: "1:3" })
		$("#formarea")
		.formy("addCollapse", {"name":"Show Form", "body":formNode, bsversion:3});
//Compatibility fix: 
//Use bsversion : 3 for bootstrap 3 or do not specify a bsversion
//use bsversion : 4 for bootstrap 4