*FieldTemplate Contributions

[aodhan-domhnaill]

I constructed an ObjectFieldTemplate that offers support for large templates with vertical Nav Pills to make it easier to move through the large form.

Do you have any catalog of additional *FieldTemplates that you support for users?
Would you accept a submission of such *FieldTemplates?
Should I put it in a /contrib folder of sorts?

[epicfaace]

We haven't yet had submissions like these, but that would be great! Do you mind sharing your code? I'm wondering whether we should just add it as a template in a /contrib folder, or rather use it for core functionality such as the multiple pages proposal (#1157).

[aodhan-domhnaill]

Cool there's some interest. I'll create a PR with a contrib folder first so you can see it.

[aodhan-domhnaill]

So I was thinking of integrating it like in my Draft PR. https://github.com/rjsf-team/react-jsonschema-form/pull/1646/files

I'll need to refactor my code because I'm using react-bootstrap, but it was pretty simple like,

return (
            <div>
                <h2>{props.title}</h2>
                <Tab.Container id="left-tabs-example" defaultActiveKey={props.properties[0].name}>
                <Row>
                    <Col sm={3}>
                    <Nav variant="pills" className="flex-column">
                        {props.properties.map(
                            element =>
                            <Nav.Item>
                                <Nav.Link eventKey={element.name}>{props.schema.properties[element.name].title}</Nav.Link>
                            </Nav.Item>)}
                    </Nav>
                    </Col>
                    <Col sm={9}>
                    <Tab.Content>
                        {props.properties.map(
                            element =>
                            <Tab.Pane eventKey={element.name}>{element.content}</Tab.Pane>)}
                    </Tab.Content>
                    </Col>
                </Row>
                </Tab.Container>
            </div>
        )

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Please leave a comment if this is still an issue for you. Thank you.