{ "actions": { "type": "replaceApp", "app": { "colors": { "background": "#F2F2F7/#1C1C1E", "card": "#FFFFFF/#000000", "text": "#000000/#FFFFFF", "error": "#FF0000", "link": "#FEF3FF/#123456", "accent": "#F07AFF", "buttonText": "#FFFFFF" }, "images": { "favicon": "https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/beacon.svg", "beacon": "https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/beacon.svg", "bank": "data:image/png;base64,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", "apple": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYCAIAAAHgp4fgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNWQ4YTk3OS0xMDk3LTQ0NzQtYWNjYy05MGZjMmIwMmZjNTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjVGNDY3MDgzNTUzMTFFNTgwRThEQTFBNEJFNkNFODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjVGNDY3MDczNTUzMTFFNTgwRThEQTFBNEJFNkNFODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkNGRjZDQxOC1jZDRmLTRhOGUtYTllYi02NzBlNDNmZjJlZTgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozYTBjNWI1OS03ZGJkLTExNzgtYmIy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" }, "styles": { "tab": { "backgroundColor": "#333333", "borderWidth": 0, "color": "#DDDDDD", "style": "paragraph", "height": 48, "margin": 8, "bold": false, "underlined": false }, "pressedTab": { "backgroundColor": "#DDDDDD", "style": "tab", "color": "#333333" }, "selectedTab": { "backgroundColor": "#888888", "borderWidth": 0, "pressedBackgroundColor": "#FFFFFF", "color": "#FFFFFF", "style": "paragraph", "height": 48, "bold": true, "underlined": true, "margin": 8 }, "navigationBar": { "style": "paragraph", "backgroundColor": "#907AFF", "color": "buttonText", "height": 48, "margin": 0, "spaceBefore": 0, "spaceAfter": 0, "bold": true, "size": 20 }, "screen": { "backgroundColor": "background" }, "form": { "style": "screen" }, "paragraph": { "font": "arial", "color": "text", "size": 15, "margin": 16, "spaceBefore": 3, "spaceAfter": 3 }, "link": { "color": "link", "underlined": true }, "title": { "style": "paragraph", "size": 18, "bold": true, "spaceBefore": 8, "spaceAfter": 2 }, "smallText": { "style": "paragraph", "size": 12 }, "divider": { "borderWidth": 1, "borderColor": "background" }, "field": { "style": "paragraph", "spaceBefore": 11, "spaceAfter": 11 }, "inputTitle": { "style": "paragraph", "margin": 0 }, "inputError": { "style": "smallText", "color": "error", "margin": 0 }, "textField": { "style": "field" }, "passwordField": { "style": "textField" }, "timeField": { "style": "textField", "spaceBefore": 6, "spaceAfter": 6 }, "dateField": { "style": "textField", "spaceBefore": 6, "spaceAfter": 6 }, "switch": { "style": "field", "spaceBefore": 4, "spaceAfter": 4 }, "selectField": { "style": "field", "spaceBefore": 6, "spaceAfter": 6 }, "radioField": { "style": "field", "spaceBefore": 8, "spaceAfter": 8 }, "button": { "style": "paragraph", "color": "buttonText", "bold": true, "backgroundColor": "accent", "borderRadius": 12, "borderColor": "accent", "borderWidth": 1, "spaceBefore": 12, "spaceAfter": 12, "innerMargin": 12, "margin": 16 }, "pressedButton": { "color": "accent", "backgroundColor": "buttonText" }, "backButton": { "style": "paragraph", "backgroundColor": "accent", "color": "text", "borderColor": "text", "borderWidth": 0, "height": 48, "innerMargin": 12, "margin": 4 }, "pressedBackButton": { "backgroundColor": "buttonText", "color": "accent" }, "barButton": { "style": "paragraph", "backgroundColor": "accent", "color": "text", "borderColor": "text", "borderWidth": 0, "height": 48, "innerMargin": 12, "margin": 4 }, "pressedBarButton": { "style": "paragraph", "backgroundColor": "accent", "color": "text", "borderColor": "buttonText", "borderWidth": 1, "height": 48 }, "card": { "backgroundColor": "card", "borderRadius": 12, "margin": 16, "spaceBefore": 12, "spaceAfter": 12 }, "combo": { "style": "card" }, "max700": { "maxWidth": 700 }, "rounded": { "style": "field", "variant": "outside", "backgroundColor": "card", "borderRadius": 8, "innerMargin": 12, "borderColor": "text", "spaceBefore": 4, "spaceAfter": 0 }, "underlined": { "style": "field", "variant": "underlined", "backgroundColor": "card", "borderColor": "accent", "spaceBefore": 4, "spaceAfter": 0, "borderWidth": 2, "innerMargin": 12 }, "inside": { "style": "field", "variant": "inside", "backgroundColor": "card", "borderColor": "accent", "spaceBefore": 8, "spaceAfter": 8, "borderRadius": 12, "innerMargin": 12, "borderWidth": 1 }, "menuItem": { "margin": 16, "innerMargin": 11 }, "pressedMenuItem": { "backgroundColor": "#777777" }, "image32": { "width": 32, "height": 32 } }, "library": { "cardComponents": [ { "type": "card", "components": [ "dsdsdsd", "dsds" ], "backgroundColor": "#987765" }, { "type": "textField", "title": "First name", "variable": "firstName", "style": "rounded" }, { "type": "textField", "title": "Last name", "variable": "lastName", "style": "rounded" }, { "type": "button", "title": "Send", "actions": { "type": "alert", "message": "Sent!" } } ], "sayCoucou": { "type": "alert", "message": "Coucou" }, "coucouButton": { "type": "button", "title": "Coucou", "actions": "library:sayCoucou" }, "screen1": { "type": "form", "title": "Tab 1 Screen", "navigationBarBackgroundColor": "#456343", "leftButtons": [ { "type": "button", "title": "Go", "position": "right", "style": "barButton", "image": { "type": "image", "url": "apple", "style": "image32" }, "actions": [ { "type": "alert", "message": "Cannot submit" } ] }, { "type": "button", "title": "Go", "style": "barButton", "actions": [ { "type": "alert", "message": "Cannot submit" } ] } ], "rightButtons": [ { "type": "button", "title": "Go", "style": "barButton", "actions": [ { "type": "alert", "message": "Cannot submit" } ] } ], "components": [ "Hello!", "Screen 1", { "type": "paragraph", "spans": [ "This runs ", { "iOS": "on an iOS device", "web": "in a browser" } ] }, "---", { "type": "menuItem", "leftComponent": "Screen 1" }, "---", { "type": "menuItem", "leftComponent": "Screen 2" }, "---", { "type": "paragraph", "spans": [ "There are ", { "type": "formatNumber", "number": { "type": "length", "string": "$name$" } }, " characters in ", "$name$" ] }, { "type": "textField", "title": "Name", "variable": "name", "style": "rounded" }, { "type": "textField", "title": "Name", "variable": "name", "style": "rounded" }, { "type": "button", "title": "Show screen 2", "color": "text", "actions": { "type": "showDetail", "screen": "library:screen2" } }, { "type": "button", "title": "Show screen 3", "color": "text", "actions": { "type": "showDetail", "screen": "library:screen3" } }, { "type": "button", "title": "Present screen 4", "color": "text", "actions": { "type": "present", "modal": false, "stack": { "type": "navigation", "variant": "sheet", "width": 400, "height": 400, "screens": "library:screen4" } } } ] }, "screen2": { "type": "form", "title": "Tab 2 Screen", "backgroundColor": "#FFFFFF", "leftButtons": [ { "type": "button", "title": "Go", "style": "barButton", "actions": [ { "type": "validateScreen", "title": "Cannot submit" } ] } ], "rightButtons": [ { "type": "button", "title": "Go", "position": "right", "style": "barButton", "image": { "type": "image", "url": "beacon", "style": "image32" }, "actions": [ { "type": "validateScreen", "title": "Cannot submit" } ] }, { "type": "button", "title": "Go", "style": "barButton", "actions": [ { "type": "validateScreen", "title": "Cannot submit" } ] } ], "components": [ "Screen 2", { "type": "button", "title": "Push Screen 3", "color": "text", "actions": { "type": "push", "screen": "library:screen3" } }, "Screen 2", "Screen 2", "Screen 2" ] }, "screen3": { "type": "form", "title": "Screen 3", "backgroundColor": "#989898", "components": "screen 3" }, "screen4": { "type": "form", "title": "Screen 4", "leftButtons": [ { "type": "button", "title": "Close", "style": "barButton", "actions": [ { "type": "close" } ] } ], "components": [ { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "paragraph", "spans": "screen 4", "spaceBefore": 30 }, { "type": "button", "title": "Show Screen 3", "actions": { "type": "push", "screen": "library:screen3" } } ] }, "screenWithCards": { "type": "form", "title": "Card test", "components": [ "Card", { "type": "card", "verticalSpacing": 50, "components": "library:cardComponents" }, "Combo", { "type": "combo", "style": "card", "components": [ { "type": "textField", "title": "First name", "variable": "firstName", "style": "rounded" }, { "type": "button", "title": "OK", "actions": [], "visibility": { "type": "=", "string1": "$firstName$", "string2": "Philippe" } }, { "type": "button", "title": "OK", "actions": [], "enabled": { "type": "=", "string1": "$firstName$", "string2": "Philippe" } } ] }, "Carousel", { "type": "carousel", "style": "card", "components": [ { "type": "textField", "title": "First name", "variable": "firstName", "style": "rounded" }, { "type": "button", "title": "OK", "actions": [] }, { "type": "button", "title": "OK", "actions": [] }, { "type": "card", "width": 200, "height": 200, "backgroundColor": "#FF9933", "components": [] }, { "type": "card", "width": 200, "height": 200, "backgroundColor": "#4F99F3", "components": [] } ] }, "Flow", { "type": "flow", "style": "card", "verticalSpacing": 10, "horizontalSpacing": 30, "components": [ { "type": "card", "backgroundColor": "#348932", "components": "Hello", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "This is the beginning", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "of a phrase", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "and then", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "there", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "is", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "more coming", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "at", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "a later", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 }, { "type": "card", "backgroundColor": "#348932", "components": "stage", "margin": 0, "spaceBefore": 0, "spaceAfter": 0 } ] }, "Responsive", { "type": "responsive", "responsiveWidth": 700, "components": [ { "type": "card", "height": 200, "backgroundColor": "#FF9933", "components": [ "sasa" ] }, { "type": "card", "height": 200, "backgroundColor": "#4F99F3", "components": [ "sasa" ] } ] }, { "type": "responsive", "responsiveWidth": 700, "components": [ { "type": "card", "height": 200, "backgroundColor": "#FF9933", "components": [ "sasas" ] }, { "type": "card", "height": 200, "backgroundColor": "#4F99F3", "components": [ "sasasa" ] }, { "type": "card", "height": 200, "backgroundColor": "#FF00F3", "components": [ "sasasa" ] } ] } ] }, "colorPicker": { "type": "form", "title": "Color Picker", "components": [ { "title": "Choose a color", "type": "radioField", "style": "rounded", "variable": "colorName", "values": [ { "value": "#FF0000", "title": "Red" } ] }, { "type": "radioField", "variable": "colorName", "values": [ { "value": "#00FF00", "title": "Green" } ] }, { "title": "Choose a color", "type": "radioField", "style": "rounded", "variable": "colorName", "values": [ { "value": "#0000FF", "title": "Blue" } ] }, { "type": "card", "backgroundColor": "$colorName$", "components": "" } ] } }, "type": "classic", "backgroundColor": "#F2F2F7/#1C1C1E", "stacks": { "type": "navigation", "screens": { "type": "form", "title": "Hello", "components": [ { "type": "paragraph", "spans": [ "first name: ", "$firstName$" ] }, { "type": "multilineField", "style": "underlined", "title": "First name", "variable": "firstName", "rows": 7 }, { "type": "textField", "style": "rounded", "title": "First name", "variable": "firstName" }, { "type": "button", "title": "Alert", "actions": [ { "type": "alert", "message": "Alert" }, { "type": "updateString", "variable": "firstName", "value": "OK2" } ] }, { "type": "button", "title": "Confirmation", "actions": [ { "type": "confirm", "message": "Are you sure" }, { "type": "updateString", "variable": "firstName", "value": "OK" } ] }, { "type": "button", "title": "Prompt", "actions": [ { "type": "prompt", "message": "What's your name", "variable": "firstName", "default": "Peter" } ] }, { "type": "button", "title": "Callback", "actions": [ { "type": "callback", "strings": { "firstName": "$firstName$" } } ] } ] } } } } }