vBuilder Examples
vBuilder Example: Simple Value
$('#simple-value').vBuilder({"types":["value"],"value":"some test value here","field":"field","mode":"edit","personalizer":false});
new win
export
vBuilder Example: Full Example
$('#full-example').vBuilder({"value":{"key1":"sample value of some object property 1","key_2":"some other value of some object property 2","listofitems":["sample list item 1",{"inlist_object_key1":"some value of an object property 1","inlist_object_key2":"some other value of an object property 2"},"another list item 2"]},"field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Form Fields
$('#form-fields').vBuilder({"types":["object"],"value":{"fieldname1":"sample field value 1","fieldname2":"some other field value 2","listofitems":["sample list item 1",{"inlist_object_key1":"some value of an object property 1","inlist_object_key2":"some other value of an object property 2"}]},"field":"","mode":"nostruct","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: List Of Items
$('#list-of-items').vBuilder({"value":["some text value 1","another value 2","some other value 3","yet another value 4",{"key1":"sample value of some object property 1","key_2":"some other value of some object property 2"}],"field":"","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: No Personalization
$('#no-personalization').vBuilder({"value":{"testvar1":"milos","testvar2":"ja"},"field":"blah","personalizer":false});
new win
export
vBuilder Example: Send Url
$('#send-url').vBuilder({"types":["value"],"value":"https:\/\/","field":"url","mode":"edit","personalizer":{"http:\/\/":"HTTP Protocol"}});
new win
export
vBuilder Example: Send Method
$('#send-method').vBuilder({"types":["value"],"value":"some test value here","field":"method","mode":"edit","personalizer":{"GET":"GET method"}});
new win
export
vBuilder Example: Send Headers
$('#send-headers').vBuilder({"types":["list"],"value":[{"header-name":"X-USER-AGENT","header-value":"vBuilder"}],"field":"headers","mode":"nostruct","personalizer":{"X-USER-AGENT":"Header names: User Agent"}});
new win
export
vBuilder Example: Send Data
$('#send-data').vBuilder({"types":["object"],"value":{"testvar1":"milos","testvar2":"ja"},"field":"data","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: String
$('#string').vBuilder({"value":"some random text with {perstag1} that shows {perstag2.someinnervar1}.","field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Object
$('#object').vBuilder({"value":{"perstag1":"a personalization","perstag2":{"someinnervar1":"some custom value","keyname":"custompostkeyname"},"perstag3":"some value with {perstag}"},"field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: List
$('#list').vBuilder({"value":["some text value 1","another value 2","some other value 3","yet another value 4",{"key1":"sample value of some object property 1","key_2":"some other value of some object property 2"}],"field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Form Post
$('#form-post').vBuilder({"value":{"email":"","varname":"{perstag1}","varvalue":"","field[{perstag2.keyname}]":"","perstag":"{perstag3} pers.val."},"field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Personalized Post
$('#personalized-post').vBuilder({"value":{"email":"{person.email}","varname":"first_name","varvalue":"{person.firstname}","field[{positions.0.title}]":"Company: {company.name}","perstag":"Call the company at {company.phone} and ask for {person.firstname} {person.lastname} who holds a position of {positions.0.title} since {positions.0.since}"},"field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Sample Person
$('#sample-person').vBuilder({"value":{"person":{"email":"test@example.com","firstname":"Firstname","lastname":"Lastname"},"company":{"name":"ACME Inc","address":"1 Main Street, City ST, ZIPCODE","phone":"12345677890"},"positions":[{"title":"Manager","since":"2022","until":""},{"title":"Specialist","since":"2020","until":"2022"}]},"field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Edit
$('#edit').vBuilder({"value":{"key1":"sample value of some object property 1","key_2":"some other value of some object property 2","listofitems":["sample list item 1",{"inlist_object_key1":"some value of an object property 1","inlist_object_key2":"some other value of an object property 2"},"another list item 2"]},"field":"","mode":"edit","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Read
$('#read').vBuilder({"value":{"key1":"sample value of some object property 1","key_2":"some other value of some object property 2","listofitems":["sample list item 1",{"inlist_object_key1":"some value of an object property 1","inlist_object_key2":"some other value of an object property 2"},"another list item 2"]},"field":"","mode":"read","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
vBuilder Example: Nostruct
$('#nostruct').vBuilder({"value":{"key1":"sample value of some object property 1","key_2":"some other value of some object property 2","listofitems":["sample list item 1",{"inlist_object_key1":"some value of an object property 1","inlist_object_key2":"some other value of an object property 2"},"another list item 2"]},"field":"","mode":"nostruct","personalizer":{"{url.http:\/\/}":"HTTP Protocol","{method.GET}":"GET method","{header.X-USER-AGENT}":"Header names: User Agent","{sampleperson.person.email}":"test@example.com","{sampleperson.person.firstname}":"Firstname","{sampleperson.person.lastname}":"Lastname","{sampleperson.company.name}":"ACME Inc","{sampleperson.company.address}":"1 Main Street, City ST, ZIPCODE","{sampleperson.company.phone}":"12345677890","{sampleperson.positions.0.title}":"Manager","{sampleperson.positions.0.since}":"2022","{sampleperson.positions.0.until}":"","{sampleperson.positions.1.title}":"Specialist","{sampleperson.positions.1.since}":"2020","{sampleperson.positions.1.until}":"2022"}});
new win
export
