{ "template": "\n
\n\n", "name": "Keypad", "author": "Lucky Mallari", "description": "Generic Keypad Widget", "settings": [ { "type": "item", "id": "keypadReceiver", "label": "Receiving Item", "default": "keypadReceiver", "description": "Item that receives the keypad value. MUST BE A Number or String Item" }, { "type": "string", "id": "text_ok", "label": "OK Text", "default": "OK", "description": "Text of the OK/submit button" }, { "type": "string", "id": "text_del", "label": "Delete/Backspace Text", "default": "del", "description": "Text of the Delete/Backspace button" }, { "type": "number", "id": "marginPx", "label": "Spacing", "default": "5", "description": "Spacing (in px) between keys. Minimum enforced value of 0" }, { "type": "checkbox", "id": "isShowOutputBox", "label": "Show Output Box", "default": true, "description": "Shows the output box if checked" }, { "type": "checkbox", "id": "isMaskOutputBox", "label": "Masks the output box", "default": true, "description": "Masks the output box if checked" }, { "type": "string", "id": "outputBoxFontSize", "default": "2em", "label": "Output Box Font Size", "description": "Font size - INCLUDE UNIT (px, em, etc.)" }, { "type": "string", "id": "maskChar", "label": "Mask Character", "default": "♣", "description": "Mask Character (any). Examples: ✿ ♣ ● X" }, { "type": "string", "id": "outputBoxBg", "label": "Output Box Background", "description": "Output Box Background. Example: white, #F1F1F1, inherit, or even rgba(255,255,255,.5). url('//source.unsplash.com/random') also works", "default": "#c5c5c5" }, { "type": "string", "id": "outputBoxColor", "label": "Output Box char color", "default": "#000", "description": "Output Box text color" }, { "type": "choice", "id": "outputBoxTextAlign", "label": "Output Box Text Alignment", "default": "center", "choices": "left,center,right", "description": "Alignment of the output box text" }, { "type": "checkbox", "id": "isClearOnSubmit", "label": "Clear On Submit", "description": "Clears the output box on submit", "default": true }, { "type": "checkbox", "id": "isOutputBoxClickable", "label": "Output Box Clickable", "default": false, "description": "If checked, you can click on the box and the text cursor will be there." }, { "type": "string", "id": "keyColor", "label": "Key Color", "default": "inherit", "description": "Key Color in valid CSS code. Example: white, #F1F1F1, inherit, or even rgba(255,255,255,.5). url('//source.unsplash.com/random') also works" }, { "type": "string", "id": "btnOkBgColor", "label": "OK Background", "description": "OK/Submit button background color. Example: white, #F1F1F1, inherit, or even rgba(255,255,255,.5). url('//source.unsplash.com/random') also works", "default": "#197500" }, { "type": "string", "id": "btnDelBgColor", "label": "Del/Clear Background", "default": "#9c0000", "description": "Backspace/Clear button background color. Example: white, #F1F1F1, inherit, or even rgba(255,255,255,.5). url('//source.unsplash.com/random') also works" }, { "type": "string", "id": "btnKeysBgColor", "label": "0-9 Keys Background", "default": "#616161", "description": "0-9 button background color. Example: white, #F1F1F1, inherit, or even rgba(255,255,255,.5). url('//source.unsplash.com/random') also works" }, { "type": "string", "id": "btnBorderRadius", "label": "Rounded corner radius", "default": "4px", "description": "Border radius for all keys. INCLUDE UNIT. Example: 4px, 50% (round)" }, { "type": "string", "id": "text_btnClear", "label": "Clear Button", "default": "x", "description": "Clear button text/character" }, { "type": "string", "id": "keyFontSize", "label": "Keys Font Size", "default": "2em", "description": "Font size - INCLUDE UNIT (px, em, etc.)" } ] }