{"id":4649,"date":"2023-07-11T11:26:20","date_gmt":"2023-07-11T15:26:20","guid":{"rendered":"https:\/\/www.montclair.edu\/itds\/?page_id=4649"},"modified":"2023-12-12T09:58:07","modified_gmt":"2023-12-12T14:58:07","slug":"user-guide","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/itds\/instructional-tech\/designplus\/user-guide\/","title":{"rendered":"(Legacy) DesignPLUS User Guide"},"content":{"rendered":"<blockquote class=\"red\"><p>Note: Anything designed on the original, legacy version of DesignPLUS will continue to function as originally intended.<\/p><\/blockquote>\n<p>DesignPLUS is designed to help you create and style course content! This page serves as a guide to direct you to the appropriate resources to help you elevate your course design to the next level.<\/p>\n<p>Below, you can view a summary of all the Design Tools features available to you. Have any questions? <a href=\"mailto:itds@montclair.edu\">Send us an email<\/a> or <a href=\"https:\/\/itds.as.me\/designtools\">schedule a 1-on-1 appointment<\/a>!<\/p>\n<h2>Quick Start<\/h2>\n<p>Using\u00a0<strong>Design Tools<\/strong>, you can easily customize the content of content pages, assignments, the course syllabus, discussion descriptions, and quiz descriptions. You can\u00a0<a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/pages\/launch-the-design-tools?module_item_id=3346\">launch the Design Tools<\/a>\u00a0from content pages, assignments, discussions, announcements, or the course syllabus.<\/p>\n<ul>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/pages\/welcome-to-design-tools?module_item_id=3344\">Welcome to Design Tools<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/pages\/tutorial-videos?module_item_id=13160\">Tutorial Videos<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/pages\/content-editor-tools?module_item_id=3345\">Content Editor Tools<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/pages\/set-design-tools-tool-comfort-levels?module_item_id=28682\">Set Design Tools Tool Comfort Levels<\/a><\/li>\n<\/ul>\n<h3>Creating &amp; Editing Content<\/h3>\n<p>The\u00a0<strong>Creating &amp; Editing Content<\/strong> section contains the basic tools for building out your content in your Canvas course.<\/p>\n<ul>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3348\">Create\/Edit Content Overview<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3349\">Copy Existing Content<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3350\">Choose a Theme<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3351\">Customize Banner Text<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3352\">Choose a Banner Image<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3353\">Add a Navigation Block<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3354\">Edit a Navigation Block<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3355\">Add or Rearrange Content Blocks<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3356\">Add Grading Scheme to Syllabus<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3357\">Add Institutional Policies to Syllabus<\/a><\/li>\n<\/ul>\n<h3>Customizing the Style<\/h3>\n<p>The\u00a0<strong>Customizing the Style<\/strong> section allows you to customize the style attributes of your content. Different tools are available based on selected comfort levels.<\/p>\n<ul>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3359\">Customize the Style Overview<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3361\">Colors for Banner Theme<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/21915\">Current Element Style Contents<\/a>\n<ul>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3364\">Edit Image Size\/Position\/Style<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3365\">Turn a Link into a Button<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3367\">Edit an Ordered or Unordered List<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3368\">Edit Table Style<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3362\">Colors for Current Element (Basic)<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/52974\">Colors for Current Element (Advanced)<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3366\">Add Margins and Padding<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3360\">Add Borders to Current Element<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/21921\">Add Block Alerts\/Highlights<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/21922\">Add Text Emphasis\/Highlights<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/52777\">Create and Apply Box Styles<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/21919\">Set various HTML Attributes<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/21920\">Using the Additional Actions tool<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/145579\">Working with Videos and Other &#8220;iframed&#8221;\u00a0 Content<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3363\">Customize Color Palette<\/a><\/li>\n<\/ul>\n<h3>Adding Advanced Elements<\/h3>\n<p>The <strong>Advanced Elements<\/strong>\u00a0section contains tools and features that let you extend the content and how you present it in your Canvas course.<\/p>\n<ul>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3370\">Add Advanced Elements Overview<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3371\">Add Accordion Panels and Tabs<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3372\">Custom CSS<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3373\">Add Description List<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/140893\">Embed HTML in the Editor<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/140892\">Create Key Action Item Instructions in the Editor<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/33012\"><span class=\"screenreader-only\">Page<\/span>Insert HTML Snippets<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/33013\">Insert\/Style Icons<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3375\">Add Module List<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/45711\">Add Module Progress Indicators<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3376\">Add Objectives and Outcomes<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3374\">Add Popup Content<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3377\">Add Quick Check<\/a><\/li>\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/modules\/items\/3378\">Add Teacher and TA Details<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Note: Anything designed on the original, legacy version of DesignPLUS will continue to function as originally intended. DesignPLUS is designed to help you create and style course content! This page serves as a guide to direct you to the appropriate resources to help you elevate your course design to the next level. Below, you can [&hellip;]<\/p>\n","protected":false},"author":277,"featured_media":4650,"parent":220,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4649","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/4649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/users\/277"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/comments?post=4649"}],"version-history":[{"count":17,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/4649\/revisions"}],"predecessor-version":[{"id":5295,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/4649\/revisions\/5295"}],"up":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/220"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/media\/4650"}],"wp:attachment":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/media?parent=4649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}