Giter Club home page Giter Club logo

gatsby-gravityforms-component's Introduction

Developer Portfolio for Robert Marshall

gatsby-gravityforms-component's People

Contributors

adamcurl avatar codymx avatar dependabot[bot] avatar hellola avatar moonmeister avatar oarnarsson avatar ridgehkr avatar robmarshall avatar rodperottoni avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

gatsby-gravityforms-component's Issues

Issue with Radio Input fields

This component is fantastic and has made life a lot easier, the issue I am having is when using a radio field. The user is able to select multiple options and cannot deselect any options they have clicked on.

I am using the latest gravity forms plugin http://2.5.3.1/ and am using the example component found in the readme. Could I have set something up incorrectly?

Any help would be appreciated.
thanks!

Cannot read property 'confirmation_message' of null

I get the following error when trying to send the form.

Uncaught (in promise) TypeError: Cannot read property 'confirmation_message' of null at _callee$ (index.js:98) at tryCatch (runtime.js:45) at Generator.invoke [as _invoke] (runtime.js:274) at Generator.prototype.<computed> [as next] (runtime.js:97) at asyncGeneratorStep (asyncToGenerator.js:3) at _next (asyncToGenerator.js:25)

Update "lambda" in readme

Lambda expects the user to use Netlify/AWS but an endpoint could be anywhere.

Update argument to be called "endpoint" or something more friendly to stop confusion.

Also update readme explanation to reflect this

Radio and Checkbox Inputs Fail Validation

Radio and checkbox inputs that are set to required always fail validation. They are able to pass if and only if all checkboxes and radio buttons are selected. Another issue with the radio buttons is that you can select multiples of them. This goes against the expected user experience.

Versions that i'm running:

"gatsby-source-gravityforms": "^1.0.15"
"gatsby-gravityforms-component": "^2.0.1"

Minor edits to your docs

You reference gatsby-gravityforms-components (plural) several times in your readme, but It looks like your package is singular npm i gatsby-gravityforms-component

Thank you for this project! I'm trying to implement it now on a project, hopefully this will work otherwise I'll need to explore Netlify forms. If i had the luxury of time I'd help you out with this!

You also mention that gatsby-plugin-compile-es6-packages is included as a peer dependency, but it doesn't look like it is included. I had to install it separately.

Unknown Fields Error in fragments.js

When I run a gatsby develop, I receive the following errors:

  • Unknown field 'subLabelPlacement' on type 'GF__Form'. Source: document 'GravityFormComponent' file: 'GraphQL request'
  • Unknown field 'disableAutoformat' on type 'GF__Form'. Source: document 'GravityFormComponent' file: 'GraphQL request'
  • Unknown field 'captchaTheme' on type 'GF__FormFormFields'.

Removing these fields fixes everything for me. Am I missing something? I can't find these fields in your other plugin (which is awesome, btw) gatsby-source-gravityforms, so it makes me think that my version of Gravity Forms is missing some fields in the API.

I'm running the latest version of Gravity Forms (2.4.17.17) and the latest versions of both of your plugins.

[Feature request] Add prop for button loading state

Currently when formLoading is true this span is replacing the button text:

<span className="gravityform__button__loading_span">
Loading
</span>

I'm proposing adding a prop to allow anyone to pass in whatever they want for the loading span or optionally have no loading span at all.

I just want to pass in a loading spinner instead of just having the word "Loading" in the button text.

Bonus if we could replace the button component altogether.

Receiving 422 error when sending form

When submitting a form entry, I receive this error:

POST websiturl.netlify/functions/newGFEntry 422

It doesn't seem to access the file properly as none of the console.logs are happening either.

[Feature Request] File Upload Support

Just realized I need this for my client. I'll be working on it but wanted to give you a heads up. If you have any input, suggestions, etc...would love to hear it. Thanks.

Failed prop type: Input: prop type `maxLength` is invalid

Every instance of this component produces the below warning:

Warning: Failed prop type: Input: prop type `maxLength` is invalid; it must be a function, usually from the `prop-types` package, but received `undefined`.
    in Input (created by FieldBuilder)
    in FieldBuilder (created by GravityFormForm)
    in form (created by GravityFormForm)
    ...

Here is a sample instance that consistently produces the warning:

<GravityFormForm
	id={1}
	formData={useGravityData()}
	lambda={process.env.GATSBY_LAMBDA_ENDPOINT}
/>

This is not a breaking issue. Maybe I am missing something, but this looks like a simple prop discrepancy bug. Documenting it here, but I may visit the code and open a PR if I have time.

Gravity Forms Styling

Hey, it would be nice if the forms were rendered with the Gravity Form classes so Including their style sheet gave me the same styling as if this were in WordPress. I might be able to help contribute this if you'd be willing to accept the PR. Thanks.

Error during invocation: TypeError: a is not a function

Hello.
When submitting form on development, getting following error:

Request from ::1: POST /.netlify/functions/newGfEntry
Response with status 500 in 0 ms.
Error during invocation: TypeError: a is not a function
at Object.t.handler (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/lambda/newGfEntry.js:1:37305)
at /Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/netlify-lambda/lib/serve.js:146:27
at Layer.handle [as handle_request] (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/layer.js:95:5)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:137:13)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)
at next (/Users/hryhoriiroiwork/Documents/Roi New Website/roi-mediaworks-website/node_modules/express/lib/router/route.js:131:14)

Do you know why can it happen?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.