Skip to content

Instantly share code, notes, and snippets.

@pksorensen
Created July 24, 2019 21:04
Show Gist options
  • Save pksorensen/6c3bdc55b43dc3684845bd02e48837f9 to your computer and use it in GitHub Desktop.
Save pksorensen/6c3bdc55b43dc3684845bd02e48837f9 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<style>
html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<script type="text/javascript" data-io-form="true" src="https://cdn.jsdelivr.net/npm/com.io-board.forms.sdk/dist/com.io-board.forms.sdk.min.js">
{
"$schema": "http://io-board.com/schemas/forms.json",
"type": "Form",
"version": "1.0",
"body": [
{
"type": "container",
"sizes": ["lg"],
"fluid": false,
"items": [
{
"type": "textBlock",
"text": "Change Price Form",
"weight": "bolder",
"size": "medium"
},
{
"type": "input.text",
"clearable": true,
"name": "Price",
"label": "Price",
"placeholder": "Price",
"style": "number",
"defaultValue": "https://example.com"
},
{
"type": "input.email",
"clearable": true,
"name": "email",
"label": "Email",
"placeholder": "Email",
"style": "email",
"defaultValue": "[email protected]"
}
]
}
],
"actions": [
{
"type": "spacer"
},
{
"type": "action.submit",
"label": "Save"
}
]
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment