This is the object type for this field, e.g. input, radio, dropdown etc.
Field components can be shown or hidden programatically. The equation of the visible_calc key is evaluated when it's referenced parameters change and the boolean Boolean result will control the field visibility.
Copy {
"form" : {
"formType" : "formwizard" ,
"title" : "Camp Green Acres 2018 Application For Enrollment" ,
"text": "<br /><h2>This is an example of a multiple page form.</h2> Disrupt jean shorts viral hella meh, plaid cupidatat magna art party. Echo Park adipisicing literally narwhal. Williamsburg leggings church-key, craft beer forage cornhole jean shorts blue bottle pariatur. <br /> <br /> <h2>Officia sapiente </h2>Bespoke, locavore plaid cray voluptate deep v ex vinyl tote bag chillwave swag occaecat. \n\nSed banh mi 3 wolf moon single-origin coffee quis tempor. Hoodie pitchfork pork belly aliqua, shabby chic elit consequat freegan ethical try-hard mixtape. Schlitz banjo deep v ullamco blog, umami nulla sint elit skateboard Godard odio. ",
"color" : "grey" ,
"shape" : "circle" ,
"errorcolor" : "#a94442" ,
"showPannelHeader" : false ,
"panelHeaderText" : "Your Dating Profile" ,
"wizardTitle" : "Register your child " ,
"panelIsCollapsible" : false ,
"validateOnBack" : false ,
"cssObject" : {
"col-md-12" : true ,
"text-danger" : false
} ,
"styleObject" : {}
} ,
"pages" : [
{
"title" : "Start" ,
"description" : "Overview Information" ,
"icon" : "fa fa-car" ,
"validateOnServer" : true ,
"schema" : {
"fields" : [
{
"type" : "switch" ,
"label" : "Status" ,
"model" : "status" ,
"multi" : true ,
"readonly" : false ,
"featured" : false ,
"disabled" : true ,
"default" : true ,
"textOn" : "Active" ,
"textOff" : "Inactive"
} ,
{
"type" : "select" ,
"label" : "Prefix" ,
"model" : "prefix" ,
"values" : [
"Mr." ,
"Mr. & Mrs." ,
"Mrs." ,
"Ms."
] ,
"styleClasses" : "col-md-2"
} ,
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "Family Name" ,
"model" : "familyName" ,
"readonly" : false ,
"disabled" : false ,
"styleClasses" : "col-md-5"
} ,
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "Referred By" ,
"model" : "reffered" ,
"readonly" : false ,
"disabled" : false ,
"styleClasses" : "col-md-5"
}
]
}
} ,
{
"title" : "Parent Info" ,
"description" : "Contact Info" ,
"icon" : "fa fa-user " ,
"schema" : {
"fields" : [
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "First Name" ,
"model" : "nameFirst" ,
"placeholder" : "" ,
"featured" : true ,
"required" : true ,
"styleClasses" : "col-md-4"
} ,
{
"type" : "googleAddress" ,
"inputType" : "text" ,
"label" : "Address" ,
"model" : "address" ,
"placeholder" : "start typ" ,
"featured" : true ,
"required" : true ,
"styleClasses" : "col-md-4"
} ,
{
"type" : "input" ,
"inputType" : "email" ,
"label" : "E-mail" ,
"model" : "email" ,
"validator" : "email" ,
"placeholder" : "User's e-mail address" ,
"styleClasses" : "col-md-4"
} ,
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "First Name" ,
"model" : "nameFirst2" ,
"placeholder" : "" ,
"featured" : true ,
"required" : true ,
"styleClasses" : "col-md-4"
} ,
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "Last Name" ,
"model" : "nameLast2" ,
"placeholder" : "" ,
"featured" : true ,
"required" : true ,
"styleClasses" : "col-md-4"
} ,
{
"type" : "input" ,
"inputType" : "email" ,
"label" : "E-mail" ,
"model" : "email2" ,
"validator" : "email" ,
"placeholder" : "User's e-mail address" ,
"styleClasses" : "col-md-4"
}
]
}
} ,
{
"title" : "Camper Info" ,
"description" : "Camper Information & Program Selections" ,
"icon" : "fa fa-home" ,
"schema" : {
"fields" : [
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "Campers First Name" ,
"model" : "campFirstName" ,
"placeholder" : "" ,
"featured" : true ,
"required" : true ,
"styleClasses" : "col-md-6"
} ,
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "Campers Last Name" ,
"model" : "camplast" ,
"placeholder" : "" ,
"featured" : true ,
"required" : true ,
"styleClasses" : "col-md-6"
} ,
{
"type" : "radios" ,
"label" : "Gender" ,
"model" : "gender" ,
"values" : [
" Male" ,
" Female"
] ,
"styleClasses" : "col-md-4"
} ,
{
"type" : "dateTime" ,
"label" : "DOB" ,
"model" : "dob" ,
"required" : true ,
"placeholder" : "User's birth of date" ,
"min" : "" ,
"max" : "" ,
"validator" : "date" ,
"dateTimePickerOptions" : {
"format" : "YYYY-MM-DD"
} ,
"onChanged" : "" ,
"styleClasses" : "col-md-4"
}
]
}
} ,
{
"title" : "Payment" ,
"description" : "Visa, Paypal" ,
"icon" : "fa fa-credit-card" ,
"schema" : {
"fields" : [
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "Card Type" ,
"model" : "cardType" ,
"placeholder" : "visa / MC / Amex" ,
"featured" : false ,
"required" : false
} ,
{
"type" : "input" ,
"inputType" : "text" ,
"label" : "Full Name On Card" ,
"model" : "cardName" ,
"placeholder" : "john J. Smith" ,
"featured" : false ,
"required" : false
} ,
{
"type" : "input" ,
"inputType" : "input" ,
"label" : "Number" ,
"model" : "cardNumber" ,
"placeholder" : "xxx-xxx-xxx"
}
]
}
}
] ,
"model" : {
"id" : 1 ,
"prefix" : "Mr." ,
"nameFirst" : "John" ,
"nameLast" : "Smith" ,
"password" : "J0hnD03!x4" ,
"skills" : [
"Javascript" ,
"VueJS"
] ,
"email" : "cdelfs@delfsengineering.ca" ,
"status" : true
} ,
"options" : {
"validateAfterLoad" : true ,
"validateAfterChanged" : true
} ,
"state" : {
"startIndex" : 0
}
} 