{"_id":"5d724db647c96700358d6fbc","project":"54870ea47810260b001c36ab","version":{"_id":"54870ea57810260b001c36ae","project":"54870ea47810260b001c36ab","__v":20,"createdAt":"2014-12-09T15:00:53.237Z","releaseDate":"2014-12-09T15:00:53.237Z","categories":["54870ea57810260b001c36af","5487116f7810260b001c36b5","548711797810260b001c36b6","548711807810260b001c36b7","548713127810260b001c36bd","548713247810260b001c36be","548713aa7810260b001c36c0","548713c2f907080b00fc49d5","548713eef907080b00fc49d9","54871a0db3441a1f00f20d78","54871b15b3441a1f00f20d7e","54871cbeb3441a1f00f20d87","548817fac178b40b00aa2eec","558a6dd975eaf50d004e4bf5","558a6e37dbe5b63700f8d1fe","56795d8c07bf6a0d0083ee9e","583e9d764ced340f00b05a5c","5d1f3f70b4648901728803b7","5d22f7db4c9e14005111e34f","5d22fa62a541770012a07464"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"583e9d764ced340f00b05a5c","project":"54870ea47810260b001c36ab","version":"54870ea57810260b001c36ae","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-11-30T09:35:50.177Z","from_sync":false,"order":1,"slug":"more-features","title":"More features"},"user":"54870d54f907080b00fc49cd","__v":0,"metadata":{"title":"","description":"","image":[]},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2019-09-06T12:14:46.158Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":999,"body":"With ArchiSnapper you can visually strengthen your checklist by adding images in the standard remarks. For example: images of materials, safety clothing, signs, instructions.\n\n## Step 1: Edit your checklist and click on \"Manage standard descriptions\" for one specific check.\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9ad7bd1-Screenshot_2019-09-06_at_15.06.29.png\",\n        \"Screenshot 2019-09-06 at 15.06.29.png\",\n        1427,\n        794,\n        \"#e7eff2\"\n      ]\n    }\n  ]\n}\n[/block]\n## Step 2: Click on \"Add a standard description\" \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/66ada3a-Screenshot_2019-09-06_at_15.28.36.png\",\n        \"Screenshot 2019-09-06 at 15.28.36.png\",\n        1431,\n        783,\n        \"#222d31\"\n      ]\n    }\n  ]\n}\n[/block]\n## Step 3: Include the link of your image in a HTML code\n\nIn this example the link of my image is **https://image.freepik.com/free-vector/house-illustration_23-2147500295.jpg**\nThe link of your image must be included instead of XXX in the HTML code: **<img src = \"XXX\" />**\nLike this: **<img src = \"https://image.freepik.com/free-vector/house-illustration_23-2147500295.jpg\" /> **\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d5bef61-Screenshot_2019-09-06_at_15.15.21.png\",\n        \"Screenshot 2019-09-06 at 15.15.21.png\",\n        1424,\n        710,\n        \"#222c31\"\n      ]\n    }\n  ]\n}\n[/block]\nYou will not see the image on the app, only online in your checklist or in your report.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/708fa62-Screenshot_2019-09-06_at_15.17.20.png\",\n        \"Screenshot 2019-09-06 at 15.17.20.png\",\n        1069,\n        822,\n        \"#e2e9ec\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": []\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"image","type":"basic","title":"How to include an image as standard remark in a checklist"}

Getting started

More features

Report layout

How it works videos

API

API Endpoints

How to include an image as standard remark in a checklist

With ArchiSnapper you can visually strengthen your checklist by adding images in the standard remarks. For example: images of materials, safety clothing, signs, instructions. ## Step 1: Edit your checklist and click on "Manage standard descriptions" for one specific check. [block:image] { "images": [ { "image": [ "https://files.readme.io/9ad7bd1-Screenshot_2019-09-06_at_15.06.29.png", "Screenshot 2019-09-06 at 15.06.29.png", 1427, 794, "#e7eff2" ] } ] } [/block] ## Step 2: Click on "Add a standard description" [block:image] { "images": [ { "image": [ "https://files.readme.io/66ada3a-Screenshot_2019-09-06_at_15.28.36.png", "Screenshot 2019-09-06 at 15.28.36.png", 1431, 783, "#222d31" ] } ] } [/block] ## Step 3: Include the link of your image in a HTML code In this example the link of my image is **https://image.freepik.com/free-vector/house-illustration_23-2147500295.jpg** The link of your image must be included instead of XXX in the HTML code: **<img src = "XXX" />** Like this: **<img src = "https://image.freepik.com/free-vector/house-illustration_23-2147500295.jpg" /> ** [block:image] { "images": [ { "image": [ "https://files.readme.io/d5bef61-Screenshot_2019-09-06_at_15.15.21.png", "Screenshot 2019-09-06 at 15.15.21.png", 1424, 710, "#222c31" ] } ] } [/block] You will not see the image on the app, only online in your checklist or in your report. [block:image] { "images": [ { "image": [ "https://files.readme.io/708fa62-Screenshot_2019-09-06_at_15.17.20.png", "Screenshot 2019-09-06 at 15.17.20.png", 1069, 822, "#e2e9ec" ] } ] } [/block] [block:image] { "images": [ { "image": [] } ] } [/block]