formio / custom-renderer Goto Github PK

import BaseComponent from 'formiojs/components/base/Base';

const baseCreateElement = BaseComponent.prototype.createElement;
BaseComponent.prototype.createElement = function createElement() {
    if (this.element) {
      //update class for case when Logic changed container class (customClass)
      this.element.className = this.className;
      return this.element;
    }
    this.element = this.ce('div', {
      class: this.className,
      style: this.customStyle
    });
    console.log(this.element);
    // Ensure you can get the component info from the element.
    this.element.component = this;
    this.hook('element', this.element);
    return this.element;
}

export default BaseComponent;

import TextFieldComponent from 'formiojs/components/textfield/TextField';
export class NewTextFieldComponent extends TextFieldComponent {
  // Override the createLabel method.
  createLabel(container) {
    super.createLabel(container);
    this.addClass(this.labelElement, 'ott-text-field');
  }
}

import BaseComponent from '../NewRenderer/newBase.js';

// Register all the components which will use the new BaseComponent provided above.
import AllComponents from 'formiojs/components';
import NewTextFieldComponent from '../NewRenderer/newTextField.js'
// Use our extended textfield component.
AllComponents.textfield = NewTextFieldComponent;

import Components from 'formiojs/components/Components';
Components.setComponents(AllComponents);