formio Github contribution chart
formio Github Stats
formio Most Used Languages

Activity

29 Sep 2022

Issue Comment

Wag110894

[BUG] DataGrid component shoots up CPU consumption and page slows down after 30 rows

Environment

Please provide as many details as you can:

  • Hosting type
    • [] Form.io
    • [x] Local deployment
      • Version: 5.2.0
  • Formio.js version: 4.13.9
  • Frontend framework: Angular
  • Browser: Chrome
  • Browser version: 105.0.5195.125

Steps to Reproduce

  1. Create DataGrid Component with 10 columns (Mix of Text fields, date, Checkbox, numberfield)
  2. Create 30 rows and above and fill data

Expected behavior

  • Datagrid component should work without issues or lag in page

Observed behavior

  • In text fields, spaces are deleted directly after typing them
  • In number fields, the comma often is ignored (it's used as the decimal delimiter)
  • When switching the fields with the tabulator, the cursor often just disappears and doesn't jump to the next field
  • In general, the form is lagging and slow

Forked On 29 Sep 2022 at 08:38:21

Wag110894

Hello @mcsarathkumar, can you provide a video of the issue taking place?

Commented On 29 Sep 2022 at 08:38:21
Issue Comment

Lane-formio

Inline Forms?

Hello,

I'm wondering if the formio.js library has any functionality for inline forms. For example...

<p>This is a paragraph. In order for it to work, please type "yes" in the textbox: <input type="text">. Thanks for your time.

Thanks!

Forked On 29 Sep 2022 at 05:07:01

Lane-formio

There is now a process that you can go through to add some inline functionality to individual forms and components.

  1. Navigate to the form you wish to add inline functionality
  2. Go to Form Settings (to the right of "Launch")
  3. Paste the following code snippet into "Form Controller": (function() { var componentTemplate = Formio.Templates.templates.bootstrap.component.form; Formio.Templates.templates.bootstrap.component.form = function(ctx) { var template = componentTemplate(ctx); return template.replace('styles=', 'style='); }; return false; })();
  4. Make sure to save settings
  5. Edit the json of any components you wish to make "inline" with one another and add the following snippet to the json schema: "style": { "display": "inline-block" },

Commented On 29 Sep 2022 at 05:07:01
Issue Comment

Heather-formio

[BUG] Edit Grid and Data Map is not draggable; label is draggable when it shouldn't be.

Environment

Please provide as many details as you can: The demo project located at https://formio.github.io/formio.js/app/builder

Steps to Reproduce

  1. Drag in an Edit Grid and a Data Map onto the form builder.
  2. Click&drag the label (and edit/copy/remove controls) of each of the components.
  3. Click and drag anywhere in the components except for the default contents

Expected behavior

The label (and controls) shouldn't be draggable. The control itself should be draggable.

Observed behavior

The label (and controls) are able to be dragged and reordered. The control cannot be dragged and reordered.

Example

image

Forked On 29 Sep 2022 at 05:00:03

Heather-formio

This is resolved. Closing issue. Thank you for contributing and using Form.io!

Commented On 29 Sep 2022 at 05:00:03
Issue Comment

Heather-formio

[BUG] form builder date max date `moment()` values are not shown properly on edit of form

Environment

When I use the form builder on form.io, it shows me how I can set max date to moment() or moment().add(1, 'days'). This works however when I go back to edit the form, I find that the max date field contains the calculated/executed result not the original input -- so it'll have a date string not what I typed in.

  • Hosting type
    • [x] Form.io
    • [ ] Local deployment
      • Version:
  • Formio.js version:
  • Frontend framework:
  • Browser:
  • Browser version:

Steps to Reproduce

  1. Create new form with a date field and set max date to moment() (which is basically now)
  2. Save the form
  3. Navigate away from the form builder and then return and edit the form (or do a hard refresh) and check the value of the input field you were editing on the form builder

Expected behavior

It shows me what I typed in not the calculated value.

Observed behavior

It shows me the calculated/executed result (ie a date time string) not what I typed in.

Forked On 29 Sep 2022 at 04:59:11

Heather-formio

Closing this as it is stale, please feel free to reopen at any time. Thank you!

Commented On 29 Sep 2022 at 04:59:11
Issue Comment

Heather-formio

[BUG] Deletion of last character doesn't trigger change

Environment

  • Formio.js version: latest (3.22.4)

Steps to Reproduce

  1. enter some characters in field of type textfield / number (maybe others?)
  2. delete characters one by one using backspace

Expected behavior

Each deletion triggers change.

Observed behavior

Deletion of last character doesn't trigger change.

Example

see https://codepen.io/sebastianhaberey/pen/WqvBGq?editors=0011 (watch console for events)

Forked On 29 Sep 2022 at 04:57:07

Heather-formio

This looks to be working as expected in the current version. Closing this as it is stale, please feel free to reopen at any time. Thank you!

Commented On 29 Sep 2022 at 04:57:07
Issue Comment

Heather-formio

[BUG]

Environment

Please provide as many details as you can:

  • Hosting type
    • [x] Form.io
    • [ ] Local deployment
      • Version:
  • Formio.js version: 3.18
  • Frontend framework: angular 6
  • Browser: chrome
  • Browser version: 75

Steps to Reproduce

  1. Create a form using the form-io. Put select control inside it.
  2. Set the Custom CSS Class to notranslate.
  3. Click on Save button.

Expected behavior:

After applying the google translate on the page, labels of select div should not be translated. only select options should not get translated.

Observed behavior: Labels are not getting translated.

Find the screenshot for the same.

Example

If possible, please provide a screenshot, live example (via JSFiddle or similar), and/or example code to help demonstrate the issue.

For code or form JSON, please enclose in a code block:

// your code here
![screenshot](https://user-images.githubusercontent.com/45589364/59428768-db79a180-8dfb-11e9-9404-82e5756f3554.png) 

Forked On 29 Sep 2022 at 04:56:01

Heather-formio

4.X has been released for some time now so I am closing this issue as it is stale. Please feel free to check out the change log for the latest versions and changes within them. Thank you for using Form.io!

Commented On 29 Sep 2022 at 04:56:01
Issue Comment

Heather-formio

[BUG] Feature "allowCalculateOverride" not working as expected

Formio.js version: latest (3.22.4)

Expected behavior

As described in editor: "When checked, this will allow the user to manually override the calculated value."

Observed behavior

allowCalculateOverride: false -> calculated value overrides user input allowCalculateOverride: true -> no calculated value, user input possible

see https://codepen.io/sebastianhaberey/pen/NVjLov

Forked On 29 Sep 2022 at 04:54:45

Heather-formio

Testing using formio.js 4.14.8, this is working as expected. Closing this as it is stale, please feel free to reopen at any time. Thank you!

Commented On 29 Sep 2022 at 04:54:45
Issue Comment

Heather-formio

Word and character count in Text field : Cannot translate 'words' and 'characters'

Environment

  • Hosting type
    • [ ] Form.io
    • [x] Local deployment
      • Version: formio-enterprise (latest)
  • Formio.js version: ^3.20.11
  • Frontend framework: Angular
  • Browser: Chrome
  • Browser version: 76

Steps to Reproduce

  1. Select 'Show Word Counter' and 'Show Character Counter' in a text field component of a form
  2. Write some stuff into it in your rendered form
  3. Switch language of your application

Expected behavior

Should change the words 'words' and 'characters' in the expected locale ex : in English (with the en value) : 4 words, 44 characters in French (with the fr value) : 4 mots, 44 charactères

Observed behavior

It doesn't change and there doesn't seems to be a field in form definition to change that.

I believe this should be supported as is, but Is there any existing solution for this? Thank you

Forked On 29 Sep 2022 at 04:52:56

Heather-formio

Closing this as it is stale, please feel free to reopen at any time. Thank you!

Commented On 29 Sep 2022 at 04:52:56
Issue Comment

Heather-formio

'Select' component inaccurate 'skip'

'Select' component has the below settings : • Data Source Type : 'URL' • Lazy Load url : true • Limit : 20

Repro steps : • Click on the select component, http request is sent with skip = 0 and limit = 20 • Click outside the component then click on the select component, http request is sent with skip =20 and limit = 20

Expected behavior : http request sent with skip = 0 and limit = 20.

My findings : • this issue is caused by this statement const skip = this.loadedItems || 0;

Another issue caused by this probably : (tell me if i should create it separately)

Search functionality : when you search and you get 2 items for example, loadedItems is 2, type anything again and the request is made with skip = 2 and data is not fetched.

version : 3.20.7

Forked On 29 Sep 2022 at 04:51:14

Heather-formio

Closing this as it is stale, please feel free to reopen at any time. Thank you!

Commented On 29 Sep 2022 at 04:51:14
Issue Comment

Heather-formio

[BUG] CSS class 'radio-selected' not added to the default radio choice inside a data grid

Hi,

When rendering a radio button with a default value inside a data grid component , the css class 'radio-selected' is not being added to the element.

My findings after debugging the issue : • the radio component in the data grid is being constructed twice, in the first time everything works fine, in the 2nd time, changed property inside the updateValue function of the radio component returns false, therefore the class is not added.

Fiddle : http://jsfiddle.net/Lrh52je7/

version : 3.20.17

Form Payload : { "display": "form", "components": [ { "label": "Radio", "optionsLabelPosition": "right", "values": [ { "label": "first", "value": "first", "shortcut": "" }, { "label": "second", "value": "second", "shortcut": "" } ], "inline": false, "mask": false, "tableView": true, "alwaysEnabled": false, "type": "radio", "input": true, "key": "radio2", "defaultValue": "first", "validate": { "customMessage": "", "json": "" }, "conditional": { "show": "", "when": "", "json": "" }, "encrypted": false, "reorder": false, "properties": {}, "customConditional": "", "logic": [] }, { "label": "This Data Grid Should include a radio button", "disableAddingRemovingRows": false, "addAnother": "", "addAnotherPosition": "bottom", "removePlacement": "col", "defaultOpen": false, "layoutFixed": false, "enableRowGroups": false, "reorder": false, "mask": false, "tableView": true, "alwaysEnabled": false, "type": "datagrid", "input": true, "key": "thisDataGridShouldIncludeARadioButton", "defaultValue": [ {} ], "validate": { "customMessage": "", "json": "" }, "conditional": { "show": "", "when": "", "json": "" }, "components": [ { "label": "value", "optionsLabelPosition": "right", "values": [ { "label": "default", "value": "default", "shortcut": "" }, { "label": "Not Default", "value": "notDefault", "shortcut": "" } ], "inline": false, "mask": false, "tableView": true, "alwaysEnabled": false, "type": "radio", "input": true, "key": "value", "defaultValue": "default", "validate": { "customMessage": "", "json": "" }, "conditional": { "show": "", "when": "", "json": "" }, "encrypted": false, "reorder": false, "properties": {}, "customConditional": "", "logic": [] } ], "groupToggle": false, "encrypted": false, "properties": {}, "customConditional": "", "logic": [] }, { "type": "button", "label": "Submit", "key": "submit", "disableOnInvalid": true, "theme": "primary", "input": true, "tableView": true } ], "settings": { "pdf": { "id": "1ec0f8ee-6685-5d98-a847-26f67b67d6f0", "src": "https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0" } } } Thank you.

Forked On 29 Sep 2022 at 04:50:39

Heather-formio

Testing using formio.js 4.14.8 this is working as expected. Closing this issue as it is stale, but please feel free to reopen if any behavior persists. Thank you for the report!

Commented On 29 Sep 2022 at 04:50:39