cedric2711 | Stripe Developers | Page 1

umbral ravineBOT Jul 17, 2023, 6:47 AM

#

sage tiger Jul 17, 2023, 6:48 AM

#

Hi there, can you tell me what you expect vs what you are getting?

tranquil jasper Jul 17, 2023, 6:49 AM

#

I need to be able aligne the first and last name field next to each other. That is the requiement. How do i go about styling it?

sage tiger Jul 17, 2023, 6:56 AM

#

Is this your own UI ?

tranquil jasper Jul 17, 2023, 7:06 AM

#

This is a POC in progress

#

There is a requiement to style the name fields side by side

sage tiger Jul 17, 2023, 7:07 AM

#

I mean is the billing address collection a UI that you created by yourself?

tranquil jasper Jul 17, 2023, 7:10 AM

#

No

#

I'm using the Address Element

#

Screenshot_2023-07-17_at_12.14.10_PM.png

sage tiger Jul 17, 2023, 7:11 AM

#

Do you have a visual example of first and last name field next to each other. ?

tranquil jasper Jul 17, 2023, 7:14 AM

#

mobile

Screenshot_2023-07-17_at_12.43.54_PM.png

#

desktop

Screenshot_2023-07-17_at_12.44.21_PM.png

sage tiger Jul 17, 2023, 7:16 AM

#

Hmm, can you highlight the difference?

tranquil jasper Jul 17, 2023, 7:17 AM

#

My fault, currently when I implement the address Element, this is what I get

Screenshot_2023-07-17_at_12.46.39_PM.png

#

What I want to get to is this

#

In the above screenshot, i've manipulated the style in the browser.

#

How can i achieve it using appearance attribute provided by Stripe?

sage tiger Jul 17, 2023, 7:23 AM

#

I don't see a way to re-arrange the layout, the workaround here is to set name to full instead of split https://stripe.com/docs/js/elements_object/create_address_element#address_element_create-options-display-name

Stripe JS Reference

tranquil jasper Jul 17, 2023, 7:36 AM

#

That would imply combining the field into one. The current requiment is to have the name value split

sage tiger Jul 17, 2023, 7:37 AM

#

I'm afraid that I can't find a solution for your use case.

tranquil jasper Jul 17, 2023, 7:38 AM

#

Is there a way to use the rule attribute to style the from input fields?

#cedric2711