Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

form component #136

Open
reusr1 opened this issue Aug 3, 2020 · 1 comment · May be fixed by #162
Open

form component #136

reusr1 opened this issue Aug 3, 2020 · 1 comment · May be fixed by #162
Assignees
Labels
enhancement New feature or request Release 1.0.0

Comments

@reusr1
Copy link
Contributor

reusr1 commented Aug 3, 2020

Please describe the problem.
websites often have forms. We should be able to use oue json schema format or a more direct vue-form-generator form definition to render a form on a website with a defined target for the form action (ajax post request to specified URL).

We should be careful to evaluate overall page speed when enabling a form feature on a public facing website and evaluate how we'd like to tie in forms with objects and headwirecom/peregrine-cms#374

@reusr1 reusr1 added the enhancement New feature or request label Aug 3, 2020
@reusr1
Copy link
Contributor Author

reusr1 commented Aug 12, 2020

created corresponding branch with a simple default implementation.

the implementation is based on the use of vue form generator - sample form:

{
  "fields": [
    {
      "type": "input",
      "inputType": "text",
      "label": "Name",
      "model": "name",
      "id": "user_name",
      "placeholder": "Your name",
      "featured": true,
      "required": true
    }
  ]
}

remaining tasks:

  • better default styling, work in different modes (light/dark)
  • allow to define post endpoint or javascript method to call on submit (we should always handle the post request through ajax)
  • more buttons?
  • definition of page after success
  • definition of failure message if form submission fails
  • other issues?

vfg docs: https://vue-generators.gitbook.io/vue-generators/fields

@qial qial mentioned this issue Aug 19, 2020
smcgrath0 added a commit that referenced this issue Aug 24, 2020
smcgrath0 added a commit that referenced this issue Sep 4, 2020
@qial qial linked a pull request Sep 4, 2020 that will close this issue
@qial qial linked a pull request Sep 5, 2020 that will close this issue
@qial qial linked a pull request Sep 5, 2020 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request Release 1.0.0
Projects
None yet
3 participants