{"__v":7,"_id":"575818008abb520e00ea7b67","category":{"__v":0,"_id":"575a923ad5797e0e007518cf","project":"55f0432035803d230000a9c2","version":"575818008abb520e00ea7b61","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-06-10T10:11:06.410Z","from_sync":false,"order":1,"slug":"setting-it-up","title":"Getting Started"},"parentDoc":null,"project":"55f0432035803d230000a9c2","user":"55f0431435803d230000a9c1","version":{"__v":11,"_id":"575818008abb520e00ea7b61","project":"55f0432035803d230000a9c2","createdAt":"2016-06-08T13:05:04.736Z","releaseDate":"2016-06-08T13:05:04.736Z","categories":["575818008abb520e00ea7b62","575818008abb520e00ea7b63","575818008abb520e00ea7b64","575818008abb520e00ea7b65","57582f278abb520e00ea7c10","575838ddf71f5c19002d1787","57584357163a4f2b002c75ed","57584d29f71f5c19002d17ef","575850cc163a4f2b002c7621","575850f1f71f5c19002d17fa","575851066a65ec0e004153e7","575a923ad5797e0e007518cf","575eae598be8aa0e00f59ceb","575eb065e7089c0e006d0cdf"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"2.0.0","version":"2.0"},"updates":["56c4752391b1320d006555f5","581147be8bb7080f0089185e"],"next":{"pages":[],"description":""},"createdAt":"2015-11-29T08:56:33.683Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"Quadro provides a new way to **execute actions and applications**, better than navigating menus and remembering shortcuts. Start by tapping a *pad* (button) on any of the pre-loaded interfaces and notice how that the related command is instantly performed on your computer.\n\nThis is the primary and most important function of Quadro, and you are already rocking it. 🎸\n\n**But Quadro can give you much more and helps you glueing together separated parts of your workflow and easily moving between contexts.** \n\nLet's check out the other computing abilities you just earned by adopting Quadro in your workflow.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Change context quickly\"\n}\n[/block]\n**Multitasking is the beast of our time, and while there is no magic pill to make it all go away with Quadro you can switch context easily and even automatically.**\n\n### Changing application\nWhile all your palettes can be found in the [Library](doc:manage-interfaces), getting to it it's not the quickest way to change context. In the *Library* though, you can set as *[Favorites](http://support.quadro.me/docs/favorite-palettes)* all the *Palettes* you want to be easier to reach.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/04Js5y8lQ2SDXyKaMuEg_Slack%20for%20iOS%20Upload.png\",\n        \"Slack for iOS Upload.png\",\n        \"2048\",\n        \"1536\",\n        \"#5c2724\",\n        \"\"\n      ],\n      \"caption\": \"Favorites\"\n    }\n  ]\n}\n[/block]\nAdditionally, right to the *Favorites* button, you can see the **History tabs**, the latest used **Palettes**, which is yet another way to quickly switch to another context, a recent one this way.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/MBSyVCgWRkaZ9wErFvxi_history.png\",\n        \"history.png\",\n        \"2025\",\n        \"188\",\n        \"#3ea25d\",\n        \"\"\n      ],\n      \"caption\": \"History\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"To recap: change to any *Palette* in the *Library*, switch to the most used in the *Favorites*, get to a most recent one from the *History tabs*\"\n}\n[/block]\n### Changing modes\nIn case of application *Palettes*, unlike scope-related ones (with a mix of actions from several apps), it's always a good idea to have *Pads* to change the software mode, window or panel. \n\nAll our presets already include these actions, usually represented in purple and pink, but when you are creating your personal interfaces we suggest not to overlook this kind of actions.\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Example of view options\",\n      \"image\": [\n        \"https://files.readme.io/m4FZlST2S5ydZ2MOISC9_Slack%20for%20iOS%20Upload%20(1).png\",\n        \"Slack for iOS Upload (1).png\",\n        \"2048\",\n        \"1536\",\n        \"#7b0cb3\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Interact Naturally with Gestures\"\n}\n[/block]\nThe simple act of activating a function or launching commands is a pretty big deal for Quadro.\nAlthough it’s a capable workflow manager letting you organize your field of action, we tried to simplify while quicken “the art of input”.\n\n**Besides the simple taps, which can be used universally throughout the app, Quadro also has a couple of features to make things even quicker to launch.**\n\n### Fluid gestures\nWhen launching an action inside a group, or recalling an option from the toolbar, the common method is to tap on the parent (the group for instance) and then again to reach the final item (the action in this case).\n\nA better solution though is to perform the aforementioned task with a single move, called *Fluid Gesture*. To perform a *Fluid Gesture*, just pose your finger on the nesting item (a Group, the Favorites, the editing button...) and pan, without lifting your finger, to the nested item of choice (an action, a favorite palette...). Then lift your finger to express selection.\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Fluid gesture\",\n      \"image\": [\n        \"https://files.readme.io/ISTIphqdQ4ymXmXPLdDo_Fluid_gesture.gif\",\n        \"Fluid_gesture.gif\",\n        \"640\",\n        \"357\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nWe also made *Fluid Gestures* working from the palette itself, rather than only when opening a group. \nTo accommodate users with limited motor skills or impairments, we made it possible to start the *Fluid Gesture* from the main screen of the palette (i.e. outside the groups). This means that Quadro doesn’t require precisely located taps and accepts that you just place your finger anywhere on the display and slide to the pad of your choice. \n\nIf this is your preferred option, keep in mind that placing your finger on groups opens them directly. We therefore recommend to keep no groups in the interface portion, where you normally would have started the gesture.\n\n\n### Action Gestures\nSome computing commands are so fundamental that they were calling for an even quicker activation. They might be the most underestimated today, but they are actually the pillars upon which all complex computing tasks flourished. (Thanks Larry Tesler and the guys at Xerox park for their incredible invention)\n\nSo we paid special attention to these and built in 4 basic gestures, working from any palette of any type. These are:\n\nSwipe **2 fingers up** to `COPY`\nSwipe **2 fingers down** to `PASTE`\nSwipe **2 fingers left** to `UNDO`\nSwipe **2 fingers right** to `REDO`\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Actions Gestures\",\n      \"image\": [\n        \"https://files.readme.io/69Adbn4oRPe3uc53POTF_Slack%20for%20iOS%20Upload%20(3).jpeg\",\n        \"Slack for iOS Upload (3).jpeg\",\n        \"718\",\n        \"770\",\n        \"#1b5998\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nAdditionally, we set up additional gestures for common window management tasks:\n\nSwipe **3 fingers up** to `MAXIMIZE`\nSwipe **3 fingers down** to `CLOSE`\nSwipe **3 fingers left** to `MOVE WINDOW TO HALF-LEFT`\nSwipe **3 fingers right** to `MOVE WINDOW TO HALF-RIGHT`\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Actions Gestures\",\n      \"image\": [\n        \"https://files.readme.io/AfKN9fDRmmNLDcSOerhw_Slack%20for%20iOS%20Upload%20(2).jpeg\",\n        \"Slack for iOS Upload (2).jpeg\",\n        \"720\",\n        \"717\",\n        \"#6e258b\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nPlace 2 or 3 fingers on the screen, so that you are reminded about the gesture.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/F3UaDPQqSyCj6XvdHlms_Action_gesture_-_2_fingers.gif\",\n        \"Action_gesture_-_2_fingers.gif\",\n        \"640\",\n        \"357\",\n        \"#7d694a\",\n        \"\"\n      ],\n      \"caption\": \"Action gesture with 2 fingers\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/rnHizQSjKlItSc1daVgg_Action_gesture_-3_fingers_.gif\",\n        \"Action_gesture_-3_fingers_.gif\",\n        \"640\",\n        \"357\",\n        \"#7d6444\",\n        \"\"\n      ],\n      \"caption\": \"Action gesture with 3 fingers\"\n    }\n  ]\n}\n[/block]\nAt this point, just swipe with your fingers towards the desired action. You will notice that the action stays highlighted until you lift your fingers. You can picture this like arming the action before launching it.\n\nIn this way you can more easily learn and perform gestures at your own pace, on the road to becoming a ninja. You may then prefer a quick swipe over a slow panning, which by the way works just as well. ;)\n\nRemember to activate them from the [Preferences](doc:preferences).\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Guide Your Path\"\n}\n[/block]\nSometimes you just can't remember what that action was about, maybe because you are approching a new software or simply because you use tons of them. Other times you need a break in your automated workflow to give a specific hint or remind you what is the next step.\nQuadro can manage this...\n\n### Wait for my touch\nWhen you start creating your automations you may find yourself with very complex structures which require the flow to stop and let you operate, before terminating the action.\n\nIn these cases you can use the *Wait for my touch* action (find it in the [Flow Control](doc:flow-control-actions) category), which momentarily interrupts the execution until you tap on **Quadro** again. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/965523d-wait.png\",\n        \"wait.png\",\n        836,\n        533,\n        \"#252c2c\"\n      ],\n      \"caption\": \"An example of \\\"Flow Control\\\" action\"\n    }\n  ]\n}\n[/block]\nThe cool thing is that you can provide a *suggestion*, which will be presented to you during the interruption.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/01656f1-tip.png\",\n        \"tip.png\",\n        2048,\n        1683,\n        \"#252122\"\n      ],\n      \"caption\": \"The suggestion visualised\"\n    }\n  ]\n}\n[/block]\nUse this opportunity to remind you, or someone else you shared the action with, which steps should be made before going on with the flow.\n\n### Ask me\nAll text actions with a configurable text field have an *Ask me* option to prompt the user for an aleatory string instead of using a pre-compiled one.\n[**Find out more about how text actions work >**](http://support.quadro.me/docs/text-actions) \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/108fb83-askme.png\",\n        \"askme.png\",\n        2048,\n        1683,\n        \"#3f3537\"\n      ],\n      \"caption\": \"Ask Me Option\"\n    }\n  ]\n}\n[/block]\nIf the action is launched, our *Query strip* is shown on your computer, with a default \"insert text...\" placeholder. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5ac148f-query_strip.png\",\n        \"query strip.png\",\n        1334,\n        266,\n        \"#f9f9f9\"\n      ],\n      \"caption\": \"The Query Strip\"\n    }\n  ]\n}\n[/block]\nTo change the text for each case, tap on the little cog on the right of the *Ask me* bubble.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4eb19e9-text.png\",\n        \"text.png\",\n        836,\n        540,\n        \"#f2f0ea\"\n      ],\n      \"caption\": \"Enter the cog to set the text action up\"\n    }\n  ]\n}\n[/block]","excerpt":"Discover some tricks to get the best out of Quadro!","slug":"performing","type":"basic","title":"Performing"}

Performing

Discover some tricks to get the best out of Quadro!

Quadro provides a new way to **execute actions and applications**, better than navigating menus and remembering shortcuts. Start by tapping a *pad* (button) on any of the pre-loaded interfaces and notice how that the related command is instantly performed on your computer. This is the primary and most important function of Quadro, and you are already rocking it. 🎸 **But Quadro can give you much more and helps you glueing together separated parts of your workflow and easily moving between contexts.** Let's check out the other computing abilities you just earned by adopting Quadro in your workflow. [block:api-header] { "type": "basic", "title": "Change context quickly" } [/block] **Multitasking is the beast of our time, and while there is no magic pill to make it all go away with Quadro you can switch context easily and even automatically.** ### Changing application While all your palettes can be found in the [Library](doc:manage-interfaces), getting to it it's not the quickest way to change context. In the *Library* though, you can set as *[Favorites](http://support.quadro.me/docs/favorite-palettes)* all the *Palettes* you want to be easier to reach. [block:image] { "images": [ { "image": [ "https://files.readme.io/04Js5y8lQ2SDXyKaMuEg_Slack%20for%20iOS%20Upload.png", "Slack for iOS Upload.png", "2048", "1536", "#5c2724", "" ], "caption": "Favorites" } ] } [/block] Additionally, right to the *Favorites* button, you can see the **History tabs**, the latest used **Palettes**, which is yet another way to quickly switch to another context, a recent one this way. [block:image] { "images": [ { "image": [ "https://files.readme.io/MBSyVCgWRkaZ9wErFvxi_history.png", "history.png", "2025", "188", "#3ea25d", "" ], "caption": "History" } ] } [/block] [block:callout] { "type": "info", "body": "To recap: change to any *Palette* in the *Library*, switch to the most used in the *Favorites*, get to a most recent one from the *History tabs*" } [/block] ### Changing modes In case of application *Palettes*, unlike scope-related ones (with a mix of actions from several apps), it's always a good idea to have *Pads* to change the software mode, window or panel. All our presets already include these actions, usually represented in purple and pink, but when you are creating your personal interfaces we suggest not to overlook this kind of actions. [block:image] { "images": [ { "caption": "Example of view options", "image": [ "https://files.readme.io/m4FZlST2S5ydZ2MOISC9_Slack%20for%20iOS%20Upload%20(1).png", "Slack for iOS Upload (1).png", "2048", "1536", "#7b0cb3", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Interact Naturally with Gestures" } [/block] The simple act of activating a function or launching commands is a pretty big deal for Quadro. Although it’s a capable workflow manager letting you organize your field of action, we tried to simplify while quicken “the art of input”. **Besides the simple taps, which can be used universally throughout the app, Quadro also has a couple of features to make things even quicker to launch.** ### Fluid gestures When launching an action inside a group, or recalling an option from the toolbar, the common method is to tap on the parent (the group for instance) and then again to reach the final item (the action in this case). A better solution though is to perform the aforementioned task with a single move, called *Fluid Gesture*. To perform a *Fluid Gesture*, just pose your finger on the nesting item (a Group, the Favorites, the editing button...) and pan, without lifting your finger, to the nested item of choice (an action, a favorite palette...). Then lift your finger to express selection. [block:image] { "images": [ { "caption": "Fluid gesture", "image": [ "https://files.readme.io/ISTIphqdQ4ymXmXPLdDo_Fluid_gesture.gif", "Fluid_gesture.gif", "640", "357", "", "" ] } ] } [/block] We also made *Fluid Gestures* working from the palette itself, rather than only when opening a group. To accommodate users with limited motor skills or impairments, we made it possible to start the *Fluid Gesture* from the main screen of the palette (i.e. outside the groups). This means that Quadro doesn’t require precisely located taps and accepts that you just place your finger anywhere on the display and slide to the pad of your choice. If this is your preferred option, keep in mind that placing your finger on groups opens them directly. We therefore recommend to keep no groups in the interface portion, where you normally would have started the gesture. ### Action Gestures Some computing commands are so fundamental that they were calling for an even quicker activation. They might be the most underestimated today, but they are actually the pillars upon which all complex computing tasks flourished. (Thanks Larry Tesler and the guys at Xerox park for their incredible invention) So we paid special attention to these and built in 4 basic gestures, working from any palette of any type. These are: Swipe **2 fingers up** to `COPY` Swipe **2 fingers down** to `PASTE` Swipe **2 fingers left** to `UNDO` Swipe **2 fingers right** to `REDO` [block:image] { "images": [ { "caption": "Actions Gestures", "image": [ "https://files.readme.io/69Adbn4oRPe3uc53POTF_Slack%20for%20iOS%20Upload%20(3).jpeg", "Slack for iOS Upload (3).jpeg", "718", "770", "#1b5998", "" ] } ] } [/block] Additionally, we set up additional gestures for common window management tasks: Swipe **3 fingers up** to `MAXIMIZE` Swipe **3 fingers down** to `CLOSE` Swipe **3 fingers left** to `MOVE WINDOW TO HALF-LEFT` Swipe **3 fingers right** to `MOVE WINDOW TO HALF-RIGHT` [block:image] { "images": [ { "caption": "Actions Gestures", "image": [ "https://files.readme.io/AfKN9fDRmmNLDcSOerhw_Slack%20for%20iOS%20Upload%20(2).jpeg", "Slack for iOS Upload (2).jpeg", "720", "717", "#6e258b", "" ] } ] } [/block] Place 2 or 3 fingers on the screen, so that you are reminded about the gesture. [block:image] { "images": [ { "image": [ "https://files.readme.io/F3UaDPQqSyCj6XvdHlms_Action_gesture_-_2_fingers.gif", "Action_gesture_-_2_fingers.gif", "640", "357", "#7d694a", "" ], "caption": "Action gesture with 2 fingers" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/rnHizQSjKlItSc1daVgg_Action_gesture_-3_fingers_.gif", "Action_gesture_-3_fingers_.gif", "640", "357", "#7d6444", "" ], "caption": "Action gesture with 3 fingers" } ] } [/block] At this point, just swipe with your fingers towards the desired action. You will notice that the action stays highlighted until you lift your fingers. You can picture this like arming the action before launching it. In this way you can more easily learn and perform gestures at your own pace, on the road to becoming a ninja. You may then prefer a quick swipe over a slow panning, which by the way works just as well. ;) Remember to activate them from the [Preferences](doc:preferences). [block:api-header] { "type": "basic", "title": "Guide Your Path" } [/block] Sometimes you just can't remember what that action was about, maybe because you are approching a new software or simply because you use tons of them. Other times you need a break in your automated workflow to give a specific hint or remind you what is the next step. Quadro can manage this... ### Wait for my touch When you start creating your automations you may find yourself with very complex structures which require the flow to stop and let you operate, before terminating the action. In these cases you can use the *Wait for my touch* action (find it in the [Flow Control](doc:flow-control-actions) category), which momentarily interrupts the execution until you tap on **Quadro** again. [block:image] { "images": [ { "image": [ "https://files.readme.io/965523d-wait.png", "wait.png", 836, 533, "#252c2c" ], "caption": "An example of \"Flow Control\" action" } ] } [/block] The cool thing is that you can provide a *suggestion*, which will be presented to you during the interruption. [block:image] { "images": [ { "image": [ "https://files.readme.io/01656f1-tip.png", "tip.png", 2048, 1683, "#252122" ], "caption": "The suggestion visualised" } ] } [/block] Use this opportunity to remind you, or someone else you shared the action with, which steps should be made before going on with the flow. ### Ask me All text actions with a configurable text field have an *Ask me* option to prompt the user for an aleatory string instead of using a pre-compiled one. [**Find out more about how text actions work >**](http://support.quadro.me/docs/text-actions) [block:image] { "images": [ { "image": [ "https://files.readme.io/108fb83-askme.png", "askme.png", 2048, 1683, "#3f3537" ], "caption": "Ask Me Option" } ] } [/block] If the action is launched, our *Query strip* is shown on your computer, with a default "insert text..." placeholder. [block:image] { "images": [ { "image": [ "https://files.readme.io/5ac148f-query_strip.png", "query strip.png", 1334, 266, "#f9f9f9" ], "caption": "The Query Strip" } ] } [/block] To change the text for each case, tap on the little cog on the right of the *Ask me* bubble. [block:image] { "images": [ { "image": [ "https://files.readme.io/4eb19e9-text.png", "text.png", 836, 540, "#f2f0ea" ], "caption": "Enter the cog to set the text action up" } ] } [/block]