API
<draggable-entity>
Control which can be put on the form
Properties
| Name | Attribute | Description | Type | Default |
| control | undefined | Control which can be put on the form | undefined | undefined |
<form-item>
Control from the form panel
Attributes
| Name | Description | Type | Default |
| selected | Is current control selected | boolean | undefined |
Properties
| Name | Attribute | Description | Type | Default |
| selected | selected | Is current control selected | boolean | undefined |
| isFromTopToBottom | undefined | Is drag'n'drop being done from top to bottom or vice versa | undefined | undefined |
| isDraggedOver | undefined | Is control being dragged over this element | undefined | false |
<item-separator>
Separator between controls in the form panel
Properties
| Name | Attribute | Description | Type | Default |
| index | undefined | Index in the form for this element (same as assosiated control) | undefined | undefined |
| isDraggedOver | undefined | Is control being dragged over this element | undefined | false |
<item-spot-placeholder>
Placeholder for a control to be dropped, placed at the bottom of the form panel
Properties
| Name | Attribute | Description | Type | Default |
| isDraggedOver | undefined | Is control being dragged over this element | undefined | undefined |
<form-builder>
Form Builder using Drag'n'Drop written in LitElement
Properties
| Name | Attribute | Description | Type | Default |
| NOT_SELECTED_INDEX | undefined | Value for not selected index | undefined | 999999 |
| isDragOverFormPanelFromControlPanel | undefined | Property to determine whether drag over is being done over form panel using item from control panel | undefined | false |
| selectedIndex | undefined | Index of the selected item from control panel | undefined | "NOT_SELECTED_INDEX" |
| selectedInFormIndex | undefined | Index of the selected item from form panel | undefined | "NOT_SELECTED_INDEX" |
| inFormHoveredOverItemIndex | undefined | Applicable only to reordering inside the form panel. Property to determine index of hovered over control | undefined | "NOT_SELECTED_INDEX" |
| formItemList | undefined | List of controls on the form. | undefined | [] |
| controlList | undefined | List of available controls to be dragged onto form. | undefined | [{"control":"textbox"},{"control":"number"},{"control":"combobox"}] |
| isDndInsideForm | undefined | Property to determine whether Drag'n'Drop is being done from controls panel to form panel, or just inside form panel | undefined | false |
| isFromTopToBottom | undefined | Applicable only to reordering inside the form panel. Property to determine whether drag'n'drop performed from top to bottom or vice versa | undefined | false |
Events
| Name | Description |
| form-builder-updated | Event which is thrown at any given form modification. |