The SDK is designed for fast implementation in straightforward cases as well as deep integration into advanced applications.
The drag-and-drop builder is for creating advanced forms on the magnetic storyboard and works in all mainstream browsers.
// Import the builder JavaScript function
import { Builder } from "@tripetto/builder";
// Start the builder
const builder = Builder.open();
// Listen for the save event
builder.onSave = (definition) => {
// Save the form definition somewhere
};
// Import the builder React component
import { TripettoBuilder } from "@tripetto/builder/react";
// Drop the builder component in your React app
<TripettoBuilder onSave={(definition) => {
// Save the form definition somewhere
}} />
@Component({
selector: "app-root",
template: `
<tripetto-builder
(onSave)="formSaved($event)">
</tripetto-builder>
`
})
export class AppComponent {
// Invoked when the form is saved
formSaved(definition) {
// Save the form definition somewhere
}
}
<html>
<body>
<script src="https://cdn.jsdelivr.net/npm/@tripetto/builder"></script>
<script>
// Start the builder
var builder = Tripetto.Builder.open();
// Listen for the save event
builder.onSave = function(definition) {
// Save the form definition somewhere
};
</script>
</body>
</html>
<html>
<body>
<script src="https://unpkg.com/@tripetto/builder"></script>
<script>
// Start the builder
var builder = Tripetto.Builder.open();
// Listen for the save event
builder.onSave = function(definition) {
// Save the form definition somewhere
};
</script>
</body>
</html>
The builder captures all of the form’s structure, logic and contents in a JSON-formatted form definition.
The runner is for parsing form definitions and handles form rendering, complex logic and response collection.
Forms and data are exclusively self-hosted by you. Nothing touches any other platform, unless you let it.
Run and store everything where you want and without any dependencies on unwanted infrastructure.
Whether you need a paid license, and which license is required, depends on multiple factors. Run through the form to see what you need and get an instant quote for your FormBuilder SDK license.
We’ve bundled everything there is to know into extensive docs with live examples, guides, and API’s. But if you want to kickstart things, reach out to us directly in a live introductory chat, free of charge.
If you don’t have just one or two quick questions, but want to dive a little deeper into how best to use the FormBuilder SDK in your app, schedule an introductory call with a developer, free of charge.
