search

MacKentoch / easyFormGenerator

create amazing forms without coding : form editor based on angular formly
http://mackentoch.github.io/easyFormGenerator/
MIT License
253 stars 114 forks source link

Support for Table Matrix controls #26

Open Doug44444444 opened 8 years ago

Doug44444444 commented 8 years ago

In terms of the control list (input, Radio etc.), I want to custom input of formly control with a table input, which could allow user add lines and cols and each of the cell could be input by textInput or BasicSelect. I'm not sure if it could be fit inside the templateOptions in the JSON file because I think we might need muti templateOptions, but I haven't figure out how to do it. Do you have any suggestion? It would be great if you can share some details.

Thanks.

MacKentoch commented 8 years ago

hi @Doug44444444 ,

It seems tough but interesting. Result would be a form generator inside en form generator: outstanding!

It should be do-able. First, I would try to create a proof of concept.

I would start with something like: angular formly advanced: repeating section. It is an example of a custom formly type that is ng-reapeat of formly types. I didn't know before it was possible but this is awesome and should be an answer in your case.

Doug44444444 commented 8 years ago

Thanks for your response. @MacKentoch

I saw another one like: http://angular-formly.com/#/example/integrations/ui-bootstrap-modal I will try something first, but I'm not sure I could do this cause you also think this is tough. If you are willing to integrate this option inside your easyFormGenerator I feel it would be a awesome highlight part. lol

Doug44444444 commented 8 years ago

Hi @MacKentoch

I didn't use that way that you mentioned for matrix but I really appreciate that your tool helps a lot.

I forked and made some updates to your version v1.1.0:

  1. Combine the 0,1,2 steps into one step.
  2. Update: You could add at most 6 columns on one row.
  3. Update: Custom controls “IP Address”, “Numbers”, ”Section”, “Subsection”, “label” and “Page Break”.
  4. New function: Insert any line and Matrix below any line.
  5. New function: Add page break to setup view and fix the performance issue if you have huge lines in one Form.
  6. New function: Add a key field into any type controls so you could input your own key.
  7. New function: Add “Default Value” field to any of the input type like “input”, “IP Address” etc.
  8. New function: Add a AutoSave function, which could alert user to save this form ever 30 mins, and you could change this time period.
  9. Other layout changes and bug fixes.
MacKentoch commented 8 years ago

Hi @Doug44444444,

Awesome!

I guess I can have a look in your repo to see all your interesting add ons?

Doug44444444 commented 8 years ago

@MacKentoch

No problem. These add ons should be easy for you to implement but pretty useful for my project. I directly update the eda.stepway.js and eda.easyFormViewer.js.

Thanks.

MacKentoch commented 8 years ago

Right now I have to finish JSAir app upgrade for both iOS and Android (React Native upgrade is still horrible compared to native...) Then I go back easyFormGenerator.

Thank you too for contribution!

Doug44444444 commented 8 years ago

@MacKentoch

I know your are busy lol. I mean normally people may not have so many requirements like me but you could give some options.

You could close this. : ) Thanks again.