Reorder fields items

[und3fined]

Hi team,

Currently, i'm make a service ID for my project. And with render register form is bad ux

Why password as first Input? How to make it show after email?

[aeneasr]

You can reorder it in your code.

[vinckr]

Can you share your frontend maybe @und3fined ?
Ory Kratos comes headless, so all UI/UX matters you would have to implement yourself.
We do have a reference implementation, you can check that out for some pointers:
https://github.com/ory/kratos-selfservice-ui-node

Does that make sense to you?
Your use case is definitely possible with Ory Kratos.

[und3fined]

Currently, it's in development
But will avaliable in id.und3fined.com

[bryanveloso]

I ran into the same issue myself and looked at the node implementation. Unless I'm missing something, given that the node implementation (and the example in the docs) just iterates through the fields (https://github.com/ory/kratos-selfservice-ui-node/blob/master/views/partials/form.hbs), the expected output would be the OP's screenshot.

[aeneasr]

With Ory Kratos 0.6 we improve the order you get out of Ory Kratos' APIs. If you need other ordering you can reorder the array in your code base using some sort function!

[zn8nz]

Somebody solved this problem already: https://github.com/ellioseven/kratos-ss-ui-react/blob/master/src/components/KratosForm.tsx