Save As Draft Sandbox

by brendanbond

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.form.io/formiojs/formio.full.min.css">
<!-- CHANGE THE FORMIO.JS / @FORMIO/JS VERSION HERE -->
<script src="https://cdn.form.io/formiojs/formio.full.js"></script>

<div id="config"></div>
<hr />
<div id="form"></div>

JavaScript

const formDefinition = {
    display: "form",
    components: [
        {
            legend: "Enterprise Server Configuration",
            key: "fieldSet",
            type: "fieldset",
            label: "Field Set",
            input: false,
            tableView: false,
            components: [
                {
                    label: "Columns",
                    columns: [
                        {
                            components: [
                                {
                                    label: "Base URL",
                                    placeholder: "https://remote-next.form.io",
                                    applyMaskOn: "change",
                                    tableView: true,
                                    key: "baseUrl",
                                    type: "textfield",
                                    input: true,
                                    id: "e1j8ff",
                                    prefix: "",
                                    customClass: "",
                                    suffix: "",
                                    multiple: false,
                                    defaultValue: null,
                                    protected: false,
                                    unique: false,
                                    persistent: true,
                                    hidden: false,
                                    clearOnHide: true,
                                    refreshOn: "",
                                    redrawOn: "",
                                    modalEdit: false,
                                    dataGridLabel: false,
                                    labelPosition: "top",
                                    description: "",
                                    errorLabel: "",
                                    tooltip: "",
                                    hideLabel: false,
                                    tabindex: "",
 ...