nadiya-elements-fields | Stripe Developers | Page 1

worthy jetty Jan 11, 2022, 5:05 PM

#

you can control this with https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-fields-billingDetails

blissful halo Jan 11, 2022, 5:11 PM

#

i'm sorry, i'm quite new to this, if you know any demo github repo using the above? that would be super helpful

worthy jetty Jan 11, 2022, 5:13 PM

#

I don't have a specific repo or demo no, but it is simply passing the right parameters in JS. So it'd look like this const paymentElement = elements.create( 'payment', { fields: { billingDetails: { address: { country: 'never', postalCode: 'never', } }, }, } );

blissful halo Jan 11, 2022, 5:15 PM

#

i've to follow the same procedure from this doc, but instead of creating card element, i've to create a payment element?

worthy jetty Jan 11, 2022, 5:40 PM

#

I don't know which doc you are using here

#

you explicitly asked about the country field which is for PaymentElement. The card element doesn't have that

#

really if you are just getting started, read https://stripe.com/docs/payments/accept-a-payment and ignore any other doc

blissful halo Jan 11, 2022, 5:51 PM

#

yeah, sorry ! i was confused about the different doc and i figured it out later
Now, another question
i've created the payment page with the the above doc that you provided, and i think i almost followed the same doc, but the elements are showing inline

#

worthy jetty Jan 11, 2022, 5:53 PM

#

yeah you're not using the docs I mentioned at all if you get that UI

#

What do you call "inline" and what do you expect instead?

blissful halo Jan 11, 2022, 5:57 PM

#

i would like to have something like this

#

i'm not sure if i miss anything obvious here

worthy jetty Jan 11, 2022, 6:03 PM

#

You need to decrease the width of the parent element, right now it's the full page's width so it's all on one line

#

you have to control the parent element's width in HTML/CSS

blissful halo Jan 11, 2022, 6:09 PM

#

ah yes, silly me, that helps
Thank you so much for your time

worthy jetty Jan 11, 2022, 6:15 PM

#

Of course!

blissful halo Jan 11, 2022, 6:49 PM

#

sorry, another question!
is the label name on the payment elements changeable?

errant fulcrum Jan 11, 2022, 6:50 PM

#

Can you be specific - which label name?

blissful halo Jan 11, 2022, 6:52 PM

#

errant fulcrum Jan 11, 2022, 6:54 PM

#

Gotcha - no, there isn't a way to change those labels

blissful halo Jan 11, 2022, 6:54 PM

#

same with placeholder text too?

errant fulcrum Jan 11, 2022, 6:57 PM

#

With Payment Element I don't believe there's a way for you to set that either

#nadiya-elements-fields