angular
angular copied to clipboard
formio
how to remove all edit form popup preview panel
Hi,
how to remove all edit form popup preview panel after that buttons align left. https://formio.github.io/angular-demo/#/forms/builder Working based on above sample.
<form-builder [form]="form" [options]="optionsdata" (change)="onChange($event)"></form-builder>
`optionsdata: any = { builder: { basic: false, advanced: false, data: false, custombasic: { title: 'Basic', weight: 10, default: true, components: { numeric: { title: 'Numeric', key: 'number', icon: 'hashtag', schema: { FieldTypeID: "1", label: 'Number', type: 'number', key: 'number', input: true } }, text: { title: 'Text', key: 'text', icon: 'terminal', schema: { FieldTypeID: "2", label: 'Label', type: 'textfield', key: 'TextKey', input: true } }, textarea: { title: 'Textarea', key: 'textarea', icon: 'font', schema: { FieldTypeID: "3", label: 'Textarea', type: 'textarea', key: 'textarea', input: true } }, date: { title: 'Date', key: 'date', icon: 'calendar', schema: { FieldTypeID: "5", label: 'Date', type: 'day', key: 'day', input: true } }, time: { title: 'Time', key: 'time', icon: 'clock-o', schema: { FieldTypeID: "6", label: 'Time', type: 'time', key: 'time', input: true } }, // datetime: { // title: 'Date Time', // key: 'datetime', // icon: 'calendar', // schema: { // label: 'Date Time', // type: 'datetime', // key: 'datetime', // input: true // } // } } },
layout: {
ignore: true,
components: {
table: false
}
},
premium:
{
ignore: true
}
},
editForm: {
textfield: [
{
key: 'validation',
ignore: true
},
{
key: 'api',
ignore: true
},
{
key: 'data',
ignore: true
},
{
key: 'logic',
ignore: true
},
{
key: 'layout',
ignore: true
},
{
key: 'conditional',
ignore: true
},
{
key: 'display',
label: 'Basic',
components: [
{
key: 'tooltip',
ignore: true
},
{
key: 'placeholder',
ignore: true
},
{
key: 'prefix',
ignore: true
},
{
key: 'suffix',
ignore: true
},
{
key: 'inputMasks',
ignore: true
},
{
key: 'allowMultipleMasks',
ignore: true
},
{
key: 'description',
ignore: true
},
{
key: 'customClass',
ignore: true
},
{
key: 'inputMask',
ignore: true
},
{
key: 'tabindex',
ignore: true
},
{
key: 'type',
ignore: true
},
{
key: 'inputMaskPlaceholderChar',
ignore: true
},
{
key: 'labelPosition',
ignore: true
},
{
key: 'autocomplete',
ignore: true
},
{
key: 'widget.type',
ignore: true
},
{
key: 'hidden',
ignore: true
},
{
key: 'hideLabel',
ignore: true
},
{
key: 'showWordCount',
ignore: true
},
{
key: 'showCharCount',
ignore: true
},
{
key: 'mask',
ignore: true
},
{
key: 'autofocus',
ignore: true
},
{
key: 'disabled',
ignore: true
},
{
key: 'modalEdit',
ignore: true
},
{
key: 'spellcheck',
ignore: true
},
{
key: 'tableView',
ignore: true
}
]
},
{
key: 'Advanced',
label: 'Advanced',
components: [
{
key: 'MandatoryFlag',
input: true,
label: 'Is this field Mandatory?',
type: 'radio',
defaultValue: "N",
values: [
{
"label": "Yes",
"value": "Y",
"shortcut": ""
},
{
"label": "No",
"value": "N",
"shortcut": ""
}
],
},
// {
// key: 'MarkIssueFlag',
// input: true,
// label: 'Mark as on Issue?',
// type: 'radio',
// defaultValue: "N",
// values: [
// {
// "label": "Yes",
// "value": "Y",
// "shortcut": ""
// },
// {
// "label": "No",
// "value": "N",
// "shortcut": ""
// }
// ],
// },
{
key: 'SearchFlag',
input: true,
label: 'Search on this field?',
type: 'radio',
defaultValue: "N",
values: [
{
"label": "Yes",
"value": "Y",
"shortcut": ""
},
{
"label": "No",
"value": "N",
"shortcut": ""
}
],
},
// {
// key: 'PhotoRequiredFlag',
// input: true,
// label: 'Photo Required',
// type: 'select',
// //defaultValue: "O",
// placeholder: "Select Photo Required",
// data: {
// values: [
// {
// "label": "Required",
// "value": "R"
// },
// {
// "label": "Optional",
// "value": "O"
// },{
// "label": "Defects",
// "value": "D"
// },
// {
// "label": "Never",
// "value": "N"
// }
// ]
// },
// },
// {
// key: 'NoOfPhotos',
// input: true,
// label: 'No of Photos',
// type: 'select',
// //defaultValue: "O",
// placeholder: "Select No of Photos",
// data: {
// values: [
// {
// "label": "1",
// "value": "1"
// },
// {
// "label": "2",
// "value": "2"
// },{
// "label": "3",
// "value": "3"
// },
// {
// "label": "4",
// "value": "4"
// }
// ]
// },
// }
]
},
],
number: [
{
key: 'validation',
ignore: true
},
{
key: 'api',
ignore: true
},
{
key: 'data',
ignore: true
},
{
key: 'logic',
ignore: true
},
{
key: 'layout',
ignore: true
},
{
key: 'conditional',
ignore: true
},
{
key: 'display',
label: 'Basic',
components: [
{
key: 'tooltip',
ignore: true
},
{
key: 'placeholder',
ignore: true
},
{
key: 'prefix',
ignore: true
},
{
key: 'suffix',
ignore: true
},
{
key: 'inputMasks',
ignore: true
},
{
key: 'allowMultipleMasks',
ignore: true
},
{
key: 'description',
ignore: true
},
{
key: 'customClass',
ignore: true
},
{
key: 'inputMask',
ignore: true
},
{
key: 'tabindex',
ignore: true
},
{
key: 'type',
ignore: true
},
{
key: 'inputMaskPlaceholderChar',
ignore: true
},
{
key: 'labelPosition',
ignore: true
},
{
key: 'autocomplete',
ignore: true
},
{
key: 'widget.type',
ignore: true
},
{
key: 'hidden',
ignore: true
},
{
key: 'hideLabel',
ignore: true
},
{
key: 'showWordCount',
ignore: true
},
{
key: 'showCharCount',
ignore: true
},
{
key: 'mask',
ignore: true
},
{
key: 'autofocus',
ignore: true
},
{
key: 'disabled',
ignore: true
},
{
key: 'modalEdit',
ignore: true
},
{
key: 'spellcheck',
ignore: true
},
{
key: 'tableView',
ignore: true
}
]
},
{
key: 'Advanced',
label: 'Advanced',
components: [
{
key: 'MandatoryFlag',
input: true,
label: 'Is this field Mandatory?',
type: 'radio',
defaultValue: "N",
values: [
{
"label": "Yes",
"value": "Y",
"shortcut": ""
},
{
"label": "No",
"value": "N",
"shortcut": ""
}
],
},
{
key: 'SearchFlag',
input: true,
label: 'Search on this field?',
type: 'radio',
defaultValue: "N",
values: [
{
"label": "Yes",
"value": "Y",
"shortcut": ""
},
{
"label": "No",
"value": "N",
"shortcut": ""
}
],
}
]
},
{
key: 'validation',
components: [
{
key: 'validate.minWords',
ignore: true
},
{
key: 'validate.maxWords',
ignore: true
}
]
},
],
textarea: [
{
key: 'validation',
ignore: true
},
{
key: 'api',
ignore: true
},
{
key: 'data',
ignore: true
},
{
key: 'logic',
ignore: true
},
{
key: 'layout',
ignore: true
},
{
key: 'conditional',
ignore: true
},
{
key: 'display',
label: 'Basic',
components: [
{
key: 'editor',
ignore: true
},
{
key: 'autoExpand',
ignore: true
},
{
key: 'rows',
ignore: true
},
{
key: 'tooltip',
ignore: true
},
{
key: 'placeholder',
ignore: true
},
{
key: 'prefix',
ignore: true
},
{
key: 'suffix',
ignore: true
},
{
key: 'inputMasks',
ignore: true
},
{
key: 'allowMultipleMasks',
ignore: true
},
{
key: 'description',
ignore: true
},
{
key: 'customClass',
ignore: true
},
{
key: 'inputMask',
ignore: true
},
{
key: 'tabindex',
ignore: true
},
{
key: 'type',
ignore: true
},
{
key: 'inputMaskPlaceholderChar',
ignore: true
},
{
key: 'labelPosition',
ignore: true
},
{
key: 'autocomplete',
ignore: true
},
{
key: 'widget.type',
ignore: true
},
{
key: 'hidden',
ignore: true
},
{
key: 'hideLabel',
ignore: true
},
{
key: 'showWordCount',
ignore: true
},
{
key: 'showCharCount',
ignore: true
},
{
key: 'mask',
ignore: true
},
{
key: 'autofocus',
ignore: true
},
{
key: 'disabled',
ignore: true
},
{
key: 'modalEdit',
ignore: true
},
{
key: 'spellcheck',
ignore: true
},
{
key: 'tableView',
ignore: true
}
]
},
{
key: 'Advanced',
label: 'Advanced',
components: [
{
key: 'MandatoryFlag',
input: true,
label: 'Is this field Mandatory?',
type: 'radio',
defaultValue: "N",
values: [
{
"label": "Yes",
"value": "Y",
"shortcut": ""
},
{
"label": "No",
"value": "N",
"shortcut": ""
}
],
}
]
},
{
key: 'validation',
components: [
{
key: 'validate.minWords',
ignore: true
},
{
key: 'validate.maxWords',
ignore: true
}
]
},
],
}
};`
