{"_id":"56009dcf81a9670d006d1474","version":{"_id":"56009c571503430d007cc954","__v":1,"project":"56009c541503430d007cc951","createdAt":"2015-09-22T00:09:59.421Z","releaseDate":"2015-09-22T00:09:59.421Z","categories":["56009c581503430d007cc955"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"__v":4,"category":{"_id":"56009c581503430d007cc955","__v":41,"project":"56009c541503430d007cc951","version":"56009c571503430d007cc954","pages":["56009c591503430d007cc957","56009c7f0c703d19009531c6","56009c911503430d007cc958","56009c9c1503430d007cc95a","56009ca697f69f1700f21a55","56009cb81503430d007cc95c","56009cc80c703d19009531c8","56009ce18c0c9d0d00dcaef8","56009cf21503430d007cc95e","56009cfe81a9670d006d146a","56009d0781a9670d006d146c","56009d1d81a9670d006d146e","56009d271503430d007cc960","56009d581503430d007cc962","56009d651503430d007cc964","56009d711503430d007cc966","56009d8d81a9670d006d1472","56009d970c703d19009531ce","56009da197f69f1700f21a5a","56009dae3aa0520d00da0bff","56009db83aa0520d00da0c01","56009dcf81a9670d006d1474","56009ddb3aa0520d00da0c04","56009de597f69f1700f21a5d","56009df80c703d19009531d0","56009e0d8c0c9d0d00dcaefa","56009e213aa0520d00da0c08","56009e2c81a9670d006d1476","5600a4971503430d007cc97d","561c5a6b01e1c417001f54f1","561d9845d712bc0d00777b72","563cfe55d8f2d20d00448d14","563d09d9913e650d00b65f92","566b3b8614c22f1900f00b7b","568ff8529ebef90d00872887","568ff8ed4719c119002ce637","5690922a208b910d00ed77b4","56a93fd311d0390d00a3d29a","56b25cc8a5a1020d00cf4cc3","56b25f02147e900d00d64990","56b291ed4e71701700232ea4"],"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-09-22T00:10:00.324Z","from_sync":false,"order":9999,"slug":"documentation","title":"Documentation"},"project":"56009c541503430d007cc951","user":"5564f227f0f70f0d00a9ab20","githubsync":"","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-09-22T00:16:15.739Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":3,"body":"Go to this page to use the [Meshblu UI Builder](http://control.octoblu.com) \n\n##Instructions\n1. Click on \"Claim Device\" to attach it to an Octobu account\n2. Click on \"Go Here to Use\"\n3. Click \"Edit\" to enable dragging and editting of Widget Properties\n4. Add your control device to a flow and attach a debug\n5. Any action on a widget is sent as a message to Octoblu - you'll see it in the debug\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/xVVnk0o5TFKRpX58cB9H_scrn.png\",\n        \"scrn.png\",\n        \"832\",\n        \"607\",\n        \"#36488f\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n###Example output\n**Button** \n\n```\npayload: { \"name\" : WIDGETNAME, \"value\": up / down }\n```\n\n**Switch** \n\n```\npayload: { \"name\" : WIDGETNAME, \"value\": true / false }\n```\n\n**Slider** \n\n```\npayload: { \"name\" : WIDGETNAME, \"value\": 0 - 255 }\n```","excerpt":"","slug":"astral-plane-drag-n-drop-control-ui","type":"basic","title":"Control.Octoblu.Com"}

Control.Octoblu.Com


Go to this page to use the [Meshblu UI Builder](http://control.octoblu.com) ##Instructions 1. Click on "Claim Device" to attach it to an Octobu account 2. Click on "Go Here to Use" 3. Click "Edit" to enable dragging and editting of Widget Properties 4. Add your control device to a flow and attach a debug 5. Any action on a widget is sent as a message to Octoblu - you'll see it in the debug [block:image] { "images": [ { "image": [ "https://files.readme.io/xVVnk0o5TFKRpX58cB9H_scrn.png", "scrn.png", "832", "607", "#36488f", "" ] } ] } [/block] ###Example output **Button** ``` payload: { "name" : WIDGETNAME, "value": up / down } ``` **Switch** ``` payload: { "name" : WIDGETNAME, "value": true / false } ``` **Slider** ``` payload: { "name" : WIDGETNAME, "value": 0 - 255 } ```