Home Reference Source

src/components/_classes/component/editForm/Component.edit.layout.js

export default [
  {
    label: 'HTML Attributes',
    type: 'datamap',
    input: true,
    key: 'attributes',
    keyLabel: 'Attribute Name',
    valueComponent: {
      type: 'textfield',
      key: 'value',
      label: 'Attribute Value',
      input: true
    },
    tooltip: 'Provide a map of HTML attributes for component\'s input element (attributes provided by other component settings or other attributes generated by form.io take precedence over attributes in this grid)',
    addAnother: 'Add Attribute',
  },
  {
    type: 'panel',
    legend: 'PDF Overlay',
    title: 'PDF Overlay',
    key: 'overlay',
    tooltip: 'The settings inside apply only to the PDF forms.',
    weight: 2000,
    collapsible: true,
    collapsed: true,
    components: [
      {
        type: 'textfield',
        input: true,
        key: 'overlay.style',
        label: 'Style',
        placeholder: '',
        tooltip: 'Custom styles that should be applied to this component when rendered in PDF.'
      },
      {
        type: 'textfield',
        input: true,
        key: 'overlay.page',
        label: 'Page',
        placeholder: '',
        tooltip: 'The PDF page to place this component.'
      },
      {
        type: 'textfield',
        input: true,
        key: 'overlay.left',
        label: 'Left',
        placeholder: '',
        tooltip: 'The left margin within a page to place this component.'
      },
      {
        type: 'textfield',
        input: true,
        key: 'overlay.top',
        label: 'Top',
        placeholder: '',
        tooltip: 'The top margin within a page to place this component.'
      },
      {
        type: 'textfield',
        input: true,
        key: 'overlay.width',
        label: 'Width',
        placeholder: '',
        tooltip: 'The width of the component (in pixels).'
      },
      {
        type: 'textfield',
        input: true,
        key: 'overlay.height',
        label: 'Height',
        placeholder: '',
        tooltip: 'The height of the component (in pixels).'
      },

    ]
  },
];