-
I want to arrange fields column wise. So that field tab order is column 1 top to bottom, then column 2 top to bottom. How to do it? |
Beta Was this translation helpful? Give feedback.
Answered by
x0k
May 30, 2025
Replies: 1 comment 1 reply
-
The easiest way would be to tweak the data model (example below). You can also create a field (object or array) that distributes its children into two columns. Schema {
"type": "array",
"title": "Columns",
"items": [
{
"type": "object",
"properties": {
"foo": {
"type": "string"
},
"bar": {
"type": "string"
},
"baz": {
"type": "string"
}
}
},
{
"type": "object",
"properties": {
"foo": {
"type": "string"
},
"bar": {
"type": "string"
},
"baz": {
"type": "string"
}
}
}
]
} UI Schema {
"ui:options": {
"layouts": {
"array-items": {
"style": "display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;"
}
}
},
"items": {
"ui:options": {
"hideTitle": true
}
}
} Initial value (for playground) [{}, {}] |
Beta Was this translation helpful? Give feedback.
1 reply
Answer selected by
aman7000
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The easiest way would be to tweak the data model (example below). You can also create a field (object or array) that distributes its children into two columns.
Schema
UI Schema