Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Aug 13 05:10
    johnpg82 commented #1323
  • Aug 13 05:09
    johnpg82 commented #1323
  • Aug 13 03:38
    johnpg82 opened #1323
  • Aug 12 17:02
    nguyenngocanh94 edited #1322
  • Aug 12 17:02
    nguyenngocanh94 edited #1322
  • Aug 12 17:01
    nguyenngocanh94 opened #1322
  • Aug 04 09:51
    filips-dev opened #1321
  • Jul 27 21:38
    RASCAL-FG opened #1320
  • Jul 27 21:20
    RASCAL-FG edited #1318
  • Jul 20 19:25

    dependabot[bot] on npm_and_yarn

    chore(deps): bump terser from 4… (compare)

  • Jul 20 19:25
    dependabot[bot] labeled #1319
  • Jul 20 19:25
    dependabot[bot] opened #1319
  • Jul 20 18:35
    Goddard commented #1315
  • Jul 20 08:55
    RASCAL-FG opened #1318
  • Jul 12 08:28
    tostis005 opened #1317
  • Jul 11 15:09
    BenMoses commented #910
  • Jul 07 01:58
    kevinchappell commented #1315
  • Jul 07 01:16
    Jojoshua commented #1315
  • Jul 07 01:12
    Jojoshua commented #1314
  • Jul 06 11:46
    umangnine opened #1316
nirav-panchal
@nirav-panchal

Hello guys,

i am unable to see the language dropdown above the form builder
can someone please help me ?

Mitch Talmadge
@MitchTalmadge
Guys this chat is dead, quit asking questions here, if you haven't noticed already nobody is replying to any of them
Just trying to save you some time. https://github.com/kevinchappell/formBuilder/issues is a better place to post things, but I don't think many people are helping there either.
sherifmankarious
@sherifmankarious
Hello, I started using formBuilder and like it so much. I am trying to use the function: formBuilder.actions.removeField(Id), which seems to be working well - but I cannot seem to find a way to recognize the field ids? formData has all fields names, types...etc. but not id. The only function I am able to use to get id is formBuilder.actions.getCurrentFieldId().... but what if I need to delete programmatically a specific field (not necessarily the current one) - assume I know the name of that field, is there a way to get it's id, so I would be able to remove? Thanks!
Ryein Goddard
@Goddard
hi everyone
how can i disable the access option for all fields
Ryein Goddard
@Goddard
also why would you get a t.classList is undefined error?
not getting it in local but in prod
JackVanson
@JackVanson
Hi Guys I've just found Formbuilder and I am really loving for i see so far. I was wondering if someone could help me? I need to create a custom form field. it needs to be a Range slider. with a Min value and a Max Value. How can I get this to work? I have followed the Documentation and i am still rather confused.
Many thanks
Jack
Chris Almond
@calmond01
Hi Jack.
I also need a slider control. Ill have some time later this week and will post to share with everyone.
JackVanson
@JackVanson
Hi Chris I have managed to add a range slider in by using rangerslider.js the only issue i am having now is the value of the hidden input that takes the selected range value. this is most likely down to something within my Laravel form code.
// configure the class for runtime loading
if (!window.fbControls) window.fbControls = []
window.fbControls.push(function(controlClass) {
  /**
   * data range class
   */
  class controlDataRange extends controlClass {
    /**
     * Class configuration - return the icons & label related to this control
     * @returndefinition object
     */
    static get definition() {
      return {
        i18n: {
          default: 'Data Range',
        },
      }
    }

    /**
     * build a text DOM element, supporting other jquery text form-control's
     * @return {Object} DOM Element to be injected into the form.
     */
    build() {
        return this.markup('input', null, {type:"range", min:1, max:10, steps:1, value:0})
    }

  onRender() {
      var valueBubble = '<output class="rangeslider__value-bubble" />';

      function updateValueBubble(pos, value, context) {
          pos = pos || context.position;
          value = value || context.value;
          var $valueBubble = $('.rangeslider__value-bubble', context.$range);
          var tempPosition = pos + context.grabPos;
          var position = (tempPosition <= context.handleDimension) ? context.handleDimension : (tempPosition >= context.maxHandlePos) ? context.maxHandlePos : tempPosition;

          if ($valueBubble.length) {
              $valueBubble[0].style.left = Math.ceil(position) + 'px';
              $valueBubble[0].innerHTML = value;
          }
      }

      $('input[type="range"]').rangeslider({
          polyfill: false,
          onInit: function() {
              this.$range.append($(valueBubble));
              updateValueBubble(null, null, this);
          },
          onSlide: function(pos, value) {
              updateValueBubble(pos, value, this);
          }
      });
  }

  }

  // register this control for the following types & text subtypes
  controlClass.register('DataRange', controlDataRange)
  return controlDataRange
})
bhawana1994
@bhawana1994
Hello,Can someone help me
?
bhawana1994
@bhawana1994
When i write down the label in "" then there is issue with form rendering. Form not render completely.
Chris Almond
@calmond01
Hi Jack. Sorry for late reply. Nice slider control! Thank you.
Hi Wbhawana1994. There is definitely an issue with the Label input element on the form designer. I found this issue just yesterday while building a form. I was copying and pasting text from MS word into the Label and Value fields. Seems only the Label field has this issue as it's not an HTML input type=text, but a div. Not sure why they did this. I'm going to look into seeing if we can swap out the div for a standard input type=text as I think this would fix it.
Chris Almond
@calmond01

So just to follow up on @bhawana1994 's issue here...when you paste the double quotes into the Label attribute field and save it. On the designer it saves fine until you try to render. The pasted double quotes munge up the formBuilder JSON and it can't render correctly.

So, for some reason, when we replace the input DIV with a standard input type=text, pasting double quotes no longer causes an issue and the double quotes are escaped correctly by formBuilder.

Minimal testing has been done here on this code so use at your own risk...

These edits are in the form-builder.js at appx line 900...

if (attribute === 'label' && !opts.disableHTMLLabels) {
//inputConfig.contenteditable = true // replace label div with input by CA
//attributefield += m('div', attrVal, inputConfig).outerHTML
inputConfig.value = attrVal
inputConfig.type = 'text'
attributefield += <input ${attrString(inputConfig)}>
} else {
inputConfig.value = attrVal
inputConfig.type = 'text'
attributefield += <input ${attrString(inputConfig)}>
}

tarunmalviya
@tarunmalviya
Hi
Can we make form which is conditional
Like we want to open the new input which is dependent on other when first one which click or filled then another field will show like that.
dipoletechi
@dipoletechi_twitter
hello
dipoletechi
@dipoletechi_twitter
there is any option for adding time filed in the form
Chris Almond
@calmond01
I think there is just a Date field by default. But I bet you could make a custom field using the HTML5 input type=time pretty easily. If I wind up making one, I'll post it.
MohammadArsalan786
@MohammadArsalan786
i have concern related to the formbuilder . how to create custom edit control in custom element
Cristian Rodriguez
@Pitus660
Hi :) I'm trying change language for date time picker.. but i not found any option.
Anybody can help me?.
Thanks
is related with the formrender result not when using formbuilder
bhawana1994
@bhawana1994
Hi, I have an issue with the drag and drop with mobile devices, mac devices. Its working fine on my computer but i am facing the issue with the other devices. Drag and drop not working.
How i can fix this problem. Is there any solution for this problem?
greg-conely
@greg-conely
Hi all. Not sure if this has been addressed, but I am looking to create a column control or something where I can let users put in 2 or 3 columns on one line in the form editor.
arsawood
@arsawood
hi
arsawood
@arsawood
is it free to use . how can i use this
Chris Almond
@calmond01
Multicolumn support per Mr. @jojoshua
kevinchappell/formBuilder#1243
Hey @arsawood , yes free per MIT license. The docs will help you get started:
https://formbuilder.online/docs/
Lincoln Kantet
@linco6054
Hello i would like to preview the form after being created with react any leady would be of great assistance. Json to jsx and also to pdf
remove field not working
1net
@1netme
Label problem: can't input and change the label
Prabjot Kaur
@Prabjot616
Hi, cannot change the labels, please help
Neeraj Singh
@Neeraj1005
Hi, The lable edit or clear button is not working.
Naveen
@Naveen8582_twitter
Hello
This is Naveen. I want a control like multi select. Is there any control available by default or we have write custom control.If yes any documentation for create custom control for multi select from the options
thasniiqbal5390
@thasniiqbal5390
Hi the docs link is not working
arsawood
@arsawood
hello
how can i drag and drop two components side by side in a row. can anyone tell any method we have in form builder
Lincoln Kantet
@linco6054
how do i get data of dragged elements in react ?
hello
turn2media
@turn2media
Are there any plans to support CSP? right now we like the software very much, but we are currently hindered by the use of styles in the source code.
partha-p-roy
@partha-p-roy
Dragged and drop a Button in the canvas. How to attach click event?