penframe/examples/ast_formcontrol_test.json

A lightweight DSL-based wireframe and UI structure visualization tool.

[
  {
    "type": "config",
    "name": "pc",
    "width": 800,
    "height": 1000,
    "title": "Form Control Test"
  },
  {
    "type": "formcontrol",
    "label": "Username",
    "control": "textbox",
    "width": 300,
    "placeholder": "Enter your username"
  },
  {
    "type": "formcontrol",
    "label": "Country",
    "control": "select",
    "width": 300
  },
  {
    "type": "formcontrol",
    "label": "Remember Me",
    "control": "checkbox",
    "items": [ "Save my login details" ]
  },
  {
    "type": "formcontrol",
    "label": "Gender",
    "control": "radio",
    "direction": "row",
    "items": [ "Male", "Female", "Other" ],
    "value": "Male"
  },
  {
    "type": "formcontrol",
    "label": "Subscribe",
    "control": "radio"
  },
  {
    "type": "formcontrol",
    "label": "Full Width Textbox",
    "control": "textbox"
  },
  {
    "type": "formcontrol",
    "label": "Date of Birth",
    "control": "calendar",
    "width": 300
  },
  {
    "type": "formcontrol",
    "label": "Comments",
    "control": "textbox",
    "rows": 5
  },
  {
    "type": "formcontrol",
    "label": "Preferences",
    "control": "checkbox",
    "items": [ "Newsletter", "Promotions", "Updates" ],
    "value": [ "Newsletter", "Updates" ]
  },
  {
    "type": "formcontrol",
    "label": "Interests",
    "control": "select",
    "multiple": true,
    "items": [ "Sports", "Music", "Art", "Technology" ]
  }
]