{"id":8281,"date":"2021-12-22T16:14:30","date_gmt":"2021-12-22T16:14:30","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=8281"},"modified":"2022-01-21T19:31:31","modified_gmt":"2022-01-21T19:31:31","slug":"setting-up-a-new-exhibit-in-canvasser","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2021\/12\/22\/setting-up-a-new-exhibit-in-canvasser\/","title":{"rendered":"Setting Up a New Exhibit in Canvasser"},"content":{"rendered":"\n
\"\"<\/figure><\/div>\n\n\n\n

Step 1<\/h2>\n\n\n\n

Get the map\/image (and any other relevant assets) from your client.<\/p>\n\n\n\n

Note<\/strong>: If the elements that are meant to be interactive are not yet highlighted, make sure you clear that out with the client.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Step 2<\/h2>\n\n\n\n

Using the same file proportions as the provided image, start a Photoshop document, and using the map, start tracing out the highlighted elements, one per layer<\/strong>. <\/p>\n\n\n\n

Tip:<\/strong> color coordinating with the map makes things easier.<\/p>\n\n\n\n

Step 3<\/h2>\n\n\n\n

Export each layer as an individual file and name accordingly.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Step 4<\/h2>\n\n\n\n

Go to https:\/\/laits.utexas.edu\/canvasser\/author\/<\/a>.<\/p>\n\n\n\n

Log in with your UT EID and corresponding password.<\/p>\n\n\n\n

Step 5<\/h2>\n\n\n\n

Click on File > Save File.<\/p>\n\n\n\n

Then type in the name of the project, and a file to eventually upload your files to.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Step 6<\/h2>\n\n\n\n

Click on File > Upload File > Select the project you just created.<\/p>\n\n\n\n

Then upload all of your files. (i.e. the map + all of the interactive layers you will soon activate.)<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Step 7<\/h2>\n\n\n\n

Click on Windows > Files (if the Files Window isn’t already open). <\/p>\n\n\n\n

Look for your project, and under it you will see a list of all the files you just uploaded. <\/p>\n\n\n\n

Select them all and click Link (to link them to your project file since they are currently stored on the project\u2019s storage folder).<\/p>\n\n\n\n

Step 8<\/h2>\n\n\n\n

Click on Windows > Objects (if the Objects Window isn’t already open).<\/p>\n\n\n\n

Click on Add, to add a new object for every asset you\u2019ve uploaded.<\/p>\n\n\n\n

Step 9<\/h2>\n\n\n\n

Then, click on each one of those Objects to start modifying them; assigning an image to each one of them and naming the objects correspondingly.<\/p>\n\n\n\n

At this point, you want the object properties to look something like this:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Step 10<\/h2>\n\n\n\n

After you are done settling that for all of the objects\u2026<\/p>\n\n\n\n

Click on Windows > Layers (if the Layers Window isn’t already open).<\/p>\n\n\n\n

Make sure all of your layers are organized in the right order (if there is one) making sure the map goes on top of it all.<\/p>\n\n\n\n

Also, make sure all of the layers are marked as visible, even if they are being covered by the map layer.<\/p>\n\n\n\n

Step 11<\/h2>\n\n\n\n

Now it\u2019s time to make things interactive!<\/p>\n\n\n\n

Click on one of the objects or layers that isn\u2019t the map, and on the properties page click on \u201cInteractive.\u201d <\/p>\n\n\n\n

Then click on loadpage, and add a URL (sort that with the team).<\/p>\n\n\n\n

Note: it\u2019s fine if you don\u2019t add a message, backcolor or text color in this case. Those are only necessary when you markdown \u201cNew Page.\u201d<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Step 12<\/h2>\n\n\n\n

Repeat for all other elements. <\/p>\n\n\n\n

Step 13<\/h2>\n\n\n\n

Make sure to click on File > Save File constantly throughout the process of developing this map.<\/p>\n\n\n\n

Also, feel free to preview and test the interactive map after saving, by clicking on the provided url.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"

Step 1 Get the map\/image (and any other relevant assets) from your client. Note: If the elements that are meant to be interactive are not yet highlighted, make sure you clear that out with the client. Step 2 Using the … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":753,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[200714],"tags":[],"class_list":["post-8281","post","type-post","status-publish","format-standard","hentry","category-coding"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/8281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/753"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=8281"}],"version-history":[{"count":4,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/8281\/revisions"}],"predecessor-version":[{"id":8303,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/8281\/revisions\/8303"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=8281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=8281"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=8281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}