formio/formio

The combined Form and API platform for Angular and React. https://form.io

Sheldon Lendrum

@sheldonlendrum

No - can trigger event get the orignal JSON object, or the object of the selected value?

binary storm

@binarystorm01_gitlab

@sheldonlendrum
I need to build a Select based on selected value of another Select.
What would you recommand?

Pradeep A

@A-Pradeep

for the select box, I have used trigger logic.

Sheldon Lendrum

@sheldonlendrum

Can you provide example?

binary storm

@binarystorm01_gitlab

What are the events , on the Trigger Event I need to look out for?

Sheldon Lendrum

@sheldonlendrum

I have not used trigger logic, but I can guess you could fire an event based on that

That would work for me too

binary storm

@binarystorm01_gitlab

@sheldonlendrum
Going to make an example

Pradeep A

@A-Pradeep

If it's based on the simple trigger type, I have an example code. hope it may help.

binary storm

@binarystorm01_gitlab

@A-Pradeep
I'll try anything!!

Pradeep A

@A-Pradeep

Sheldon Lendrum

@sheldonlendrum

Can you copy in that JSON object from that trigger please

Pradeep A

@A-Pradeep

schema= {
label: "Updated",
values:[
    {
      "label": "Cu 1",
      "value": "cu1",
      "shortcut": ""
    }
  ]
}

Sheldon Lendrum

@sheldonlendrum

Thanks

Pradeep A

@A-Pradeep

👍

**Kindly test , i have not tested it fully on all use case.

Sheldon Lendrum

@sheldonlendrum

Yes - I am playing around now

Pradeep A

@A-Pradeep

😊👍

binary storm

@binarystorm01_gitlab

@sheldonlendrum , @A-Pradeep

Well the second select gets filled in. But in the firefox console, I have an infinite loop

Pradeep A

@A-Pradeep

im not sure, but in second select isn't the value of result should be condition ?
example `result = (data.select1 === "test")

in placeholder it will show an example result = (data['mykey']>1)

Pradeep A

@A-Pradeep

Can you tell me what you want to show when first select changes from 'None, one ...'

binary storm

@binarystorm01_gitlab

@A-Pradeep
I like check what is selected and say:
if selectedValue is 0 then say none (in the select list box),
else value > 1 and < 3 then say => 'between 1 - 3'
else value > 3 then say => 'more than 3'

fill in the second list box

Pradeep A

@A-Pradeep

@binarystorm01_gitlab I tried, hope this is what you wanted...

2020-12-15_17-13-31.mp4

binary storm

@binarystorm01_gitlab

@A-Pradeep
Please show me the logic layout.

Pradeep A

@A-Pradeep

binary storm

@binarystorm01_gitlab

@A-Pradeep
Thank you very much for taking the time to do this, I will try and develop this and will let you know.

Pradeep A

@A-Pradeep

based on your logic it won't show for 1 & 3 since we are checking > 1 and < 3 and > 3

So suggest testing on all possible value.

It's ok 👍

binary storm

@binarystorm01_gitlab

@A-Pradeep
I had a go.
To clarify, I put two Select lists, filled in first list box and followed changes of the first listbox in the logic of the second listbox and altered its (second) schema.
Yes your solution appear to provide the right result, however I think there may be complication.
The browser could hang:

screen capture of the console is attached. EventEmitter.js is complaining.

Sheldon Lendrum

@sheldonlendrum

Hey team, using the 'content' form io block, that added CKEditor 4, do you know where we can set the config for CKEditor?
Enable HTML/Code view and customise it a little? (React)

binary storm

@binarystorm01_gitlab

@sheldonlendrum
Look at the options for the builder, I use the quill editor and I set it like this:
editor: {
title: 'Editor',
key: 'editor',
icon: 'fal fa-edit',
schema: {
label: 'Content',
type: 'textarea',
key: 'editor',
editor: 'quill',
wysiwyg: {
theme: 'snow',
modules: {
toolbar: [
[{ 'font': [] }],
[{ 'size': ['small', 'medium', 'large', 'huge'] }],
['bold', 'italic', 'underline', 'strike', { 'script': 'sub' }, { 'script': 'super' }],
[{ 'color': [] }, { 'background': [] }],
[{ 'align': [] }],
[{ 'list': 'ordered' }, { 'list': 'bullet' }],
[{ 'indent': '-1' }, { 'indent': '+1' }],
[{ 'direction': 'rtl' }],
['clean']
]
}
},
input: true,
inputType: 'text',
}
},

Sheldon Lendrum

@sheldonlendrum

Thanks

Pradeep A

@A-Pradeep

@A-Pradeep
I had a go.
To clarify, I put two Select lists, filled in first list box and followed changes of the first listbox in the logic of the second listbox and altered its (second) schema.
Yes your solution appear to provide the right result, however I think there may be complication.
The browser could hang:

how many options are there in the dropdown?
and if there is a loop in logic it will load other options as well.

binary storm

@binarystorm01_gitlab

@A-Pradeep

how many options are there in the dropdown?
and if there is a loop in logic it will load other options as well.

I don't understand what you are saying. There is no loop in the logic trigger or action as I see it, but obviously somewhere in the EventEmitter.js of formJs code is a long loop , probably because of the way the trigger was implemented as javascript, because if were simple trigger I suspect it would been fine. Do you follow me?

HASNI Faiçal

@fhasni

How to make custom components translatable in angular-formio? translation of angular custom components is not documented.

binary storm

@binarystorm01_gitlab

How to make custom components translatable in angular-formio? translation of angular custom components is not documented.

This is nothing. I have been asking the support for any documentation for Trigger of type Event, and keep referring to the JsonLogic, still insisting if were pay for subscription , all my questions will be answered!

Farooq Abdullah

@MFarooqAbdullah

Hello everyone, can anyone guide to upload image to s3 bucket on formio
my app stack is MEAN installed Form.io via NPM. any help would be appreciated.
thanks in advance.

HASNI Faiçal

@fhasni

I am trying to copy the content of a text field to another one using a custom action button, but it doesn't work please check this example, The value changes however this is not reflected in the view https://pro.formview.io/#/hoehrgyopqymdfs/copytext?header=1&reset=1

Israel Emilio Martinez Meriño (Birra)

@israelemartinezmerino_gitlab

how to refresh my select when I made a change in my page. I'm using refreshOn property in my json, but doesn't work. Please help me!!!

sayonnara

@sayonnara

Hello Everyone,
I have a couple question related to formio component.

How to use default date, color, time and other component?

Sheldon Lendrum

@sheldonlendrum

Hey guys,
I want to make a custom component, that a user can just drag in, and is only a HTML placeholder.
They don't need to edit any settings or values.
eg: I drag in: '<<profile>>' and that shows, but when we save it, it will convert to HTML ( we will handle that), just the placeholder

dineshsac

@dineshsac

Hi guys, I have one doubt in formio, We have option for file upload in our page, and also we need folder upload for our page, how we implement folder upload in formio. Need to upload folder wise?

Paulius98

@Paulius98

Hey, I'm trying to modify formBuilder and to validation section add extra drop down selection, which should get values from API. Maybe someone modified form builder and have ideas how to do it?

Paulius98

@Paulius98

There is example what I'm trying to do. This drop down (added by me) should get values from API, but I do not know, how should I pass appUrl/apiUrl from my angular app, because components are initialized earlier, than appUrl/apiUrl.

Where communities thrive

People

Repo info

Activity