{"id":8527,"date":"2020-09-14T11:00:35","date_gmt":"2020-09-14T16:00:35","guid":{"rendered":"https:\/\/blogs.acu.edu\/adamscenter\/?p=8527"},"modified":"2020-09-14T11:42:48","modified_gmt":"2020-09-14T16:42:48","slug":"creating-page-with-tabs","status":"publish","type":"post","link":"https:\/\/blogs.acu.edu\/adamscenter\/2020\/09\/14\/creating-page-with-tabs\/","title":{"rendered":"Creating Pages With Tabs"},"content":{"rendered":"<p>If you have multiple sections of a page, you can create tabs in Canvas using the same page, without having to make your page super long. See the example below:<\/p>\n<p><a href=\"https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-11.40.51-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8537 size-large\" src=\"https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-11.40.51-AM-1024x835.png\" alt=\"Page with Tabs\" width=\"1024\" height=\"835\" srcset=\"https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-11.40.51-AM-980x799.png 980w, https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-11.40.51-AM-480x391.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/a><\/p>\n<p>I have created a template for doing this:<\/p>\n<p><a href=\"https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-10.56.51-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8529\" src=\"https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-10.56.51-AM-1024x477.png\" alt=\"\" width=\"1024\" height=\"477\" srcset=\"https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-10.56.51-AM-1024x477.png 1024w, https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-10.56.51-AM-980x457.png 980w, https:\/\/blogs.acu.edu\/adamscenter\/files\/2020\/09\/Screen-Shot-2020-09-14-at-10.56.51-AM-480x224.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/a><\/p>\n<p>It is now shared in Canvas Commons that you can import (<a href=\"https:\/\/lor.instructure.com\/resources\/9363e517f0874867b18b53070da13415?shared\">Link<\/a>, or you can search for &#8220;Template of Page With Tabs&#8221;). Once you have downloaded it, go to the &#8220;html mode&#8221; to edit it by replacing &#8220;Tab 1\/2\/3&#8221; with actual Tab names and replace &#8220;Add content for tab 1\/2\/3&#8221; with actual content. Let me know if you need help doing this.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you have multiple sections of a page, you can create tabs in Canvas using the same page, without having to make your page super long. See the example below: I have created a template for doing this: It is now shared in Canvas Commons that you can import (Link, or you can search for [&hellip;]<\/p>\n","protected":false},"author":11850,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[42238],"tags":[],"post_folder":[],"class_list":["post-8527","post","type-post","status-publish","format-standard","hentry","category-adams-blog"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/posts\/8527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/users\/11850"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/comments?post=8527"}],"version-history":[{"count":8,"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/posts\/8527\/revisions"}],"predecessor-version":[{"id":8538,"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/posts\/8527\/revisions\/8538"}],"wp:attachment":[{"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/media?parent=8527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/categories?post=8527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/tags?post=8527"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/blogs.acu.edu\/adamscenter\/wp-json\/wp\/v2\/post_folder?post=8527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}