tripetto
Version:
Visual form builder to rapidly create and edit smart flowing forms and surveys on a self-organizing drawing board.
39 lines (34 loc) • 1.55 kB
HTML
<html>
<head>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
<h1>Builder Sandbox</h1>
<div id="BuilderElement" style="position: absolute; left: 100px; right: 100px; top: 100px; bottom: 100px; border: 1px solid #888;"></div>
<button onclick="TripettoBuilder.open();">Open</button>
<script src="/umd"></script>
<script>
var tripettoBuilder = new Tripetto.Builder({
fonts: "../",
element: document.getElementById("BuilderElement"),
controls: "left",
previewURL: "https://tripetto.com",
showTutorial: true,
onLoad: () => console.log("OnLoad"),
onReady: () => console.log("OnReady"),
onOpen: () => console.log("OnOpen"),
onSave: () => console.log("OnSave"),
onChange: () => console.log("OnChange"),
onClose: () => console.log("OnClose")
});
tripettoBuilder.hook("OnRename", "framed", (event) => console.dir(event));
window.onresize = function() {
tripettoBuilder.resize();
};
window.orientationchange = function() {
tripettoBuilder.resize();
};
tripettoBuilder.open();
</script>
</body>
</html>