JsonEditor

{
  "fields": [
    {
      "settings": {
        "widget": "Data"
      },
      "attrs": {
        "name": "id"
      }
    },
    {
      "settings": {
        "widget": "Data"
      },
      "attrs": {
        "name": "password"
      }
    },
    {
      "settings": {
        "widget": "GridItemContainer",
        "valueType": "container"
      },
      "attrs": {
        "name": "generalGrid",
        "spacing": 4,
        "primary": "Basic Info",
        "secondary": "Setup your general profile details.",
        "divider": true
      },
      "fields": [
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "firstName",
            "label": "First Name",
            "icon": "AccountCircle",
            "grid": {
              "xs": 12,
              "md": 6
            }
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "lastName",
            "label": "Last Name",
            "icon": "AccountCircle",
            "grid": {
              "xs": 12,
              "md": 6
            }
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "birthday",
            "label": "Birthday",
            "icon": "Today",
            "format": {
              "type": "date",
              "template": "yyyy年MM月dd日"
            },
            "grid": {
              "xs": 12,
              "md": 6
            }
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "email",
            "label": "Email",
            "icon": "ContactMail",
            "grid": {
              "xs": 12,
              "md": 6
            }
          }
        },
        {
          "settings": {
            "widget": "Display",
            "valueType": "string"
          },
          "attrs": {
            "name": "prefecture",
            "label": "Prefecture",
            "icon": "PrefectureCity",
            "itemsSource": "City",
            "grid": {
              "xs": 12,
              "md": 6
            }
          }
        },
        {
          "settings": {
            "widget": "Display",
            "valueType": "string"
          },
          "attrs": {
            "name": "phone",
            "icon": "Phone",
            "label": "Phone Number",
            "grid": {
              "xs": 12,
              "md": 6
            }
          }
        },
        {
          "settings": {
            "widget": "Radio",
            "valueType": "number"
          },
          "attrs": {
            "name": "sex",
            "label": "Sex",
            "disabled": true,
            "itemsSource": "Sex"
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "bio",
            "label": "Bio",
            "icon": "Description",
            "multiline": true,
            "rows": "3",
            "grid": {
              "xs": 12,
              "md": 8
            }
          }
        }
      ]
    },
    {
      "settings": {
        "widget": "GridItemContainer",
        "valueType": "container"
      },
      "attrs": {
        "name": "idGrid",
        "spacing": 4,
        "primary": "Login Info",
        "secondary": "Setup your login details.",
        "divider": true
      },
      "fields": [
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "loginid",
            "label": "Login ID",
            "grid": {
              "xs": 12,
              "md": 8
            }
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "passwordFake",
            "value": "xxxxxxxxxx",
            "label": "Password",
            "grid": {
              "xs": 12,
              "md": 8
            }
          }
        }
      ]
    },
    {
      "settings": {
        "widget": "GridItemContainer",
        "valueType": "container"
      },
      "attrs": {
        "name": "socialGrid",
        "spacing": 4,
        "primary": "Extra Info",
        "secondary": "Setup your extra profile details.",
        "divider": true
      },
      "fields": [
        {
          "settings": {
            "widget": "Checkboxes",
            "valueType": "array"
          },
          "attrs": {
            "name": "interest",
            "label": "Your Interests",
            "itemsSource": "Interest",
            "disabled": true
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "facebook",
            "label": "Facebook Link",
            "icon": "Facebook"
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "twitter",
            "label": "Twitter Link",
            "icon": "Twitter"
          }
        },
        {
          "settings": {
            "widget": "Display"
          },
          "attrs": {
            "name": "film",
            "label": "FavoriteFilm",
            "icon": "MenuBook"
          }
        },
        {
          "settings": {
            "widget": "Checkbox",
            "valueType": "boolean"
          },
          "attrs": {
            "name": "subscription",
            "label": "Subscribe the news letter!",
            "disabled": true
          }
        }
      ]
    }
  ]
}

Basic Info

Setup your general profile details.

First Name

Last Name

Birthday

Prefecture

Phone Number

Sex

male

female

other

Bio

Login Info

Setup your login details.

Password

xxxxxxxxxx

Extra Info

Setup your extra profile details.

Your Interests

MovieGamingCoding

Facebook Link

Twitter Link

FavoriteFilm

Subscribe the news letter!