Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    pimduijst
    @pimduijst

    Hello,

    I am implementing the Open Source version into my application with the Laravel Framework. I am stuck with the File component.

    As Laravel expects a valid CSRF-token for every request done within the application, I have to pass a CSRF-token in the headers with the request. Now I get an error in the component when I upload a file: "r.message.replace is not a function"

    Can someone help me out?

    zhoricc
    @zhoricc:matrix.org
    [m]

    Hello,

    I'm trying to implement custom validations, mainly I need to connect 2-4 fields together in order for at least one to be required. I thought I can catch if other components are valid or not and make the others valid if one of them is valid. Couldn't find the property for that. Would be thankful if you could give me the right path

    Thanks

    rubandangol
    @rubandangol
    Hello, it seems checkValidity() is only returning true and is not validating the data correctly, even if there are missing required data.
    formio/angular#860
    Vladimir Kondratenko
    @VladimirKondratenko
    image.png
    Hello, can you help me please? How i can cusomize my drag element (component).
    I want change this color (example my left panel). I see my element in inspector Chrome, but it is dynamic
    And second question can i edit modal window with properties (css styles). Thanks
    image.png
    Anandks1993
    @Anandks1993
    Hi guys, I am trying to download the forms as pdf, I tried using formio-export but it is not maintained and its missing lot of components. Does somebody know any package like this to download the forms as pdf.
    Mohana Ramaratnam
    @mohanakannan9_gitlab
    I am trying to embed a FormIO form builder on a web site which does not use Bootstrap. The legacy css has name clashes with Bootstrap. This results in a messed up display of buttons. I tried to add a custom name space to bootstrap.css and use that namespace in class property of the div which contains the formio builder. This works fine as long as I dont click on any of the icons on the builder, like Edit of a form element. I dont want to make too many customizations to bootstrap or the formio JS code. Any suggestions here?
    dizzy-duality
    @dizzy-duality
    Hi guys, how long does it take for the portal to generate an on premise licence key if you selected it??
    Aymen Hamadi
    @AYGTX
    Hi guys, I'm new to this, and I'm asking if it is possible to use formio builder and rendered using tailwind.css, I am using an angular material + tailwind CSS project and the usage of bootstrap is making a huge mess for me , thanks in advance
    Tony Bolton
    @boltonto
    @AYGTX I asked the same question a few months back directly. It doesn't support Tailwind unfortunately. You can strip out bootstrap if needed but then you'll obviously lose the styling of the components. Doubt this'll help you much but thought I'd share what I found out.
    Although I should add you can add the tailwind classes to each field - but it'll be alot of effort.
    Aymen Hamadi
    @AYGTX
    Thanks a lot for your response
    Enrique
    @CatBakun
    This message was deleted
    johan pretorius
    @johan--
    Hi all - I'm using formio src=xxxx and formio-grid src=xxx in a single Angular view. How can I use the (submit) event handler (for the form) to refresh the grid display? There is a 'refresh' option available for formio-grid, but I could not find an example of how it's used.
    1 reply
    Joakim
    @Sefriol
    Hey @travist . Could you upload the formio/vue 5.0 RC to npm?
    1 reply
    I currently just made the build manually, but would make it smoother when we are dealing with other vue3 upgrade problems.
    Ayo Id
    @timisenco:matrix.org
    [m]
    Hi all, I am using vue-form. I have three select boxes (one for country, one for provinces, and one for cities), and I want to change the values in city select based on the value selected in province select. The first time I select a province, for example, Alberta, it will display all cities in Alberta. If I go back and select another province, for example, Manitoba, it still displays all cities in Alberta instead of Manitoba
    My code below:
    static schema (...extend){
    return ParentCompoenent.schema({
    label: DISPLAY,
    type: ID,
    key: ID,
    clearOnHide: true,
    tableView: true,
    persistent: false,
    autoAdjust: true,
    hideLabel: true,
    storage: 'resources',
    columns: [
    { components: [ {
    label:'country',
    key: 'country',
    type: 'select',
    input: true,
    dataSrc: 'url',
    validate: {
    required: true
    },
    template: '<span>{{ item.value }}</span>',
    data: {
    url:'https://timisenco2015.github.io/formulator.github.com/data/country.json'
    }
    }], width: 4, offset: 0, push: 0, pull: 0, size: 'md' },
    { components: [ {
    label:'province',
    key: 'province',
    type: 'select',
    input: true,
    refreshOn: '{{row.country.label}}',
    clearOnRefresh: true,
    dataSrc: 'url',
    onChange(context) {
    context.instance.root.getComponent('province').setValue('searchField');
    },
    validate: {
    required: true
    },
    template: '<span>{{ item.value }}</span>',
    data: {
    url:https://timisenco2015.github.io/formulator.github.com/data/{{ row.country.label }}.json
    }
    }], width: 4, offset: 0, push: 0, pull: 0, size: 'md' },
    { components: [ {
    label:'City',
    key: 'city',
    type: 'select',
    input: true,
    refreshOn: '{{row.province.label}}',
    clearOnRefresh: true,
    dataSrc: 'url',
    validate: {
    required: true
    },
    template: '<span>{{ item.value }}</span>',
    data: {
    url:'https://timisenco2015.github.io/formulator.github.com/data/{{ row.province.label }}.json'
    }
    }], width: 4, offset: 0, push: 0, pull: 0, size: 'md' },
    { components: [ {
    label:'Postal Code',
    key: 'postalCode',
    type: 'textfield',
    input: true,
    dataSrc: 'values',
    refreshOn: true,
    redrawOn: true,
    validate: {
    required: true
    },
    data: {
    values: [
    {
    label: 'Chevy',
    value: 'chevrolet'
    },
    {
    value: 'honda',
    label: 'Honda'
    },
    {
    label: 'Ford',
    value: 'ford'
    },
    {
    label: 'Toyota',
    value: 'toyota'
    }
    ]
    }
    }], width: 3, offset: 0, push: 0, pull: 0, size: 'md' },
    ],
        }, ...extend)
    }
    2 replies
    Joakim
    @Sefriol
    Seems quite weird syntax for vue. Are you trying to setup a custom component?
    1 reply
    Joakim
    @Sefriol
    But I quickly built it here: https://formio.github.io/formio.js/app/sandbox with id 625728f60992b489de046906
    Joakim
    @Sefriol
    If somebody wants to take a crack. Some URLs are throwing errors, but it seems to not be reactive on select changes either even before errors.
    Will Gay
    @wag110894
    @timisenco:matrix.org, can you confirm that you have set the clear on reset set when the province is selected?
    Ayo Id
    @timisenco:matrix.org
    [m]
    How do I go about that
    Ayo Id
    @timisenco:matrix.org
    [m]
    I got this working now
    shuvendu01
    @shuvendu01
    Hi I want form builder in my application (laravel) with left panel fields, canvas were user(s) can create forms by themself.
    1 reply
    David Johnson
    @davidjdotorg
    I'm stepping into the formio world with a completed application, doing bug work. I'm seeing instances where ctx.data[day] appears multiple times in a rendered form. Is this a known issue from past development? What's the best way to determine the version I'm on to compare with current version. I love what I have seen so far and appreciate the openness of this forum!
    1 reply
    Alexandro Roca
    @alexrok21
    Someone know how to change default "noChoicesText" for select component? or change displayed language? thx
    Cristian Eriomenco
    @cristian-eriomenco
    Hi guys, would anybody be able to share some wisdom on how to manage shared data between resources on a form?
    I'm interested specifically in initial Load of the data, store it somewhere and then deciding between passing it down via value = { data: ...} vs reading from inside? Anybody tackled these questions already?
    2 replies
    Karan Rathod
    @rathodkaran07

    Hi Guys,

    Can anyone help me understand why data grid rerenders on all changes.
    There is a textbox whos space is being removed due to multiple rerenders.
    On another textbox dot(.) is being removed due to multiple rerenders.

    I am using formio with angular.

    1 reply
    Mohana Ramaratnam
    @mohanakannan9_gitlab
    Has anybody used the flatpickr options in form on a DateTime Component? I am using formio.js and appears to me that dateFormat option is not being used if display.format is not set.
    Cristian Eriomenco
    @cristian-eriomenco

    Hi I want to disable a nested radio control, but I want to do it from a parent form, as the control is reused across different forms. I tried using the Merge Component Schema action based off the "formLoad" event. The idea was to follow the approach of setting the schema = {..., propToOverride: overwrittenValue... }, although this did not work. I suspect its because the schema of the component has Components itself and merging an array of objects, would involve having some kind of discriminator key to identify which object the overwritten property it refers to. Eg:
    Suppose original schema is following:

    {
        key: "loginFieldset",
        type: "fieldset",
        ....
        components: [
             { label: "Login" ... },
             { label: "Password" ... }
        ]
         ...
    }

    And then I want to overwrite the "Password" label only, intuitively I'd do something like:

    schema = {
        components: [
             { label: "PasswordOverwritten" }
        ]
    }

    However I can't see a way to physically merge these objects without telling it which label exactly I am intending to overwrite. A default behavior might be using the index but then that would mean i need to have an empty object on position 0 etc...

    Could I get a bit of insight on how this merging behavior works please? As currently no matter what I supply to that schema = ... it always keeps the original schema instead.

    Cristian Eriomenco
    @cristian-eriomenco
    image.png
    rahul106-cpu
    @rahul106-cpu
    Hi all,
    dropdowns filtration is working with case-sensitive only, can we make it case insensitive ??
    @travist in formio-angular dropdowns values are filtered only case sensitive. Could you please tell me the way so that I can filter values in upper case as well lower case.
    TIA
    rahul106-cpu
    @rahul106-cpu
    Hi @travist
    I have integrated the form.io application into my angular application but I am facing an issue in dropdowns at the time of searching. It is searching with case sensitivity only. But I want t the user can search in upper or lower case both.
    I found a file name is angular-material-formio.js and function is
    onFilter(value) {
    this.filteredOptions = this.selectOptions.then((options) => {
    const filtered = options.filter((option) => option.label.indexOf(value) !== -1);
    this.filteredOptionsLength = filtered.length;
    return filtered;
    });
    }
    But not able to change this function into its library through my custom component.
    Could you please tell me how I can solve this issue.
    Note: Problem is coming with angular material only.
    TIA
    nird100@hotmail.com
    @nird100_twitter
    I am new to form.io. I have downloaded the package https://github.com/formio/formio
    the readme says install npm, I get following error 'npm' is not recognized as an internal or external command,
    operable program or batch file.
    Can someone help
    abhilash-aot
    @abhilash-aot
    npm you should seperately download inyo your system
    Refer this link for more details to download node
    https://nodejs.org/en/download/
    Varun Parashar
    @vparashar07

    Hello all,

    I am having a problem in conditional cases of form. Some components are based on condition if the check box is being selected. However, if not selected they need not be displayed. This works as expected, but when I do the same and hide one of the components, the form has blank spaces all around. Is there any way that the blank spaces can be removed in the form based on condition.

    Thanks in advance

    DivayMeta
    @DivayMeta
    image.png
    Hi all,
    I am having a while creating a wizard form. I have created the wizard form on the portal of formio where on first page i have used 2 fields which are required. The problem is that when i am embedding that form in my angular application onload the form is showing required error once the page get render. So is there any setting so that i can stop that required error at the time of load page. Please find the screen shot for the same.
    Thanks in advance
    Mohana Ramaratnam
    @mohanakannan9_gitlab
    Has anybody used the Number component to save an integer with a negative sign? I files a bug - formio/formio.js#4698
    shuhaib s
    @shuhaib-aot
    hi, can i create a role as designer without admin power for just create form and update it. no need to create another user
    mrazvan77
    @mrazvan77
    Hi all, did anyone here tried to create a custom action on a form button that adds a new component to the form? Here is the issue for a better understanding: formio/formio.js#4723