penframe
Version:
A lightweight DSL-based wireframe and UI structure visualization tool.
72 lines • 1.49 kB
JSON
[
{
"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" ]
}
]