Form Example: Login Form

A user login form with username, password and 2FA options.

{
    "schema": {
        "type": "object",
        "properties": {
            "username": {
                "type": "string",
                "title": "Username or Email"
            },
            "password": {
                "type": "string",
                "title": "Password"
            },
            "twoFactorToken": {
                "type": "string",
                "title": "2FA Token (optional)",
                "description": "Enter your two-factor authentication code if enabled"
            }
        },
        "required": [
            "username",
            "password"
        ]
    },
    "data": {
        "username": "",
        "password": ""
    }
}

WIP: Work In Progress.

Username or Email

Password

2FA Token (optional)

Enter your two-factor authentication code if enabled

Not all the input types and widgets from Derafu Form are supported by JSON Forms library.

{
    "type": "object",
    "properties": {
        "username": {
            "type": "string",
            "title": "Username or Email"
        },
        "password": {
            "type": "string",
            "title": "Password"
        },
        "twoFactorToken": {
            "type": "string",
            "title": "2FA Token (optional)",
            "description": "Enter your two-factor authentication code if enabled"
        }
    },
    "required": [
        "username",
        "password"
    ]
}

{
    "type": "VerticalLayout",
    "elements": [
        {
            "type": "Control",
            "label": "Username or Email",
            "scope": "#/properties/username"
        },
        {
            "type": "Control",
            "label": "Password",
            "scope": "#/properties/password"
        },
        {
            "type": "Control",
            "label": "2FA Token (optional)",
            "scope": "#/properties/twoFactorToken"
        }
    ]
}

{
    "username": "",
    "password": ""
}