{"id":875,"date":"2024-06-26T12:37:41","date_gmt":"2024-06-26T16:37:41","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/?p=875"},"modified":"2024-06-26T12:37:48","modified_gmt":"2024-06-26T16:37:48","slug":"customizing-the-navbar-in-brightspace","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/2024\/06\/26\/customizing-the-navbar-in-brightspace\/","title":{"rendered":"Customizing the Course Navbar"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Courses at BMCC have a campus-specific navigation bar (&#8220;navbar&#8221;) that is described in <a href=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/2024\/03\/11\/about-the-course-navbar\/\" data-type=\"post\" data-id=\"1089\">this post<\/a>. Instructors can opt to customize their course navbar to meet the specific needs of their courses. We recommend starting by making a copy of the default navbar. You can then edit that copy by adding, deleting, and rearranging navbar items.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Creating a Copy of the Default Navbar<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the 3 dots that appear when you hover your mouse to the right of the last item in the navbar. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"269\" src=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.09.27-AM-1024x269.png\" alt=\"screen shot of &quot;customize this navbar&quot; option\" class=\"has-border-color has-neve-text-color-border-color wp-image-1210\" style=\"border-width:1px;width:566px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.09.27-AM-1024x269.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.09.27-AM-300x79.png 300w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.09.27-AM-768x201.png 768w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.09.27-AM-1536x403.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.09.27-AM.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Select<strong>\u00a0Customize This Navbar<\/strong>. You will be prompted to make a copy of the current navbar.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.06.20-AM-1024x451.png\" alt=\"Screen shot of Create a Copy? dialog\" class=\"has-border-color has-neve-text-color-border-color wp-image-1209\" style=\"border-width:1px;width:547px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.06.20-AM-1024x451.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.06.20-AM-300x132.png 300w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.06.20-AM-768x338.png 768w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.06.20-AM-1536x677.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.06.20-AM.png 2016w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Select <strong>Yes! I&#8217;ll work with a copy of the navbar<\/strong>. You will now see the Edit Navbar page. We recommend renaming your new navbar so that you will be able to easily find and reuse it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.14.10-AM-1024x609.png\" alt=\"Screen shot of the Edit Navbar page\" class=\"has-border-color has-neve-text-color-border-color wp-image-1211\" style=\"border-width:1px;width:580px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.14.10-AM-1024x609.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.14.10-AM-300x179.png 300w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.14.10-AM-768x457.png 768w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.14.10-AM-1536x914.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.14.10-AM-2048x1219.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Understanding Navbar Elements<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Brightspace navbar consists of <strong>system links<\/strong>, <strong>custom links<\/strong>, and <strong>link groups<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>System links<\/strong> are links to existing Brightspace tools, such as Discussion or Grades. Some system links are displayed only to class members with specific roles. For example, the Course Administration system link can only be seen by instructors and will not be visible to students.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Custom links<\/strong> are links to external web sites. You can create a custom link and then add it to your course navbar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Link groups<\/strong> are sets of links that appear in a drop-down menu in the navbar. You can edit an existing link group or create a new link group.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Reordering and Removing Navbar Elements<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Reorganize items on the navbar by dragging and dropping them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reorganize items within a link group by clicking on the name of the link group, then dragging and dropping by clicking on the 8 dots to the left of the link name.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Remove items from the navbar by clicking on the &#8220;x&#8221; that appears when you hover over an item. <strong>Note: Do NOT remove the Course Admin link from the navbar.\u00a0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Remove items from a link group by clicking on the name of link group, then clicking on the x to the right of the link name.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Adding  Navbar <\/strong>Elements<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To add items to the navbar, click the\u00a0<strong>Add Links<\/strong>\u00a0button. You will be given the option to select from existing links and link groups or to create a new custom link.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"1024\" src=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.55.25-AM-970x1024.png\" alt=\"Screen shot of Add Links dialog\" class=\"has-border-color has-neve-text-color-border-color wp-image-1216\" style=\"border-width:1px;width:444px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.55.25-AM-970x1024.png 970w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.55.25-AM-284x300.png 284w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.55.25-AM-768x811.png 768w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-11.55.25-AM.png 1248w\" sizes=\"auto, (max-width: 970px) 100vw, 970px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">To create a custom link (a link to a website), click the\u00a0<strong>Create Custom Link<\/strong>\u00a0button. Enter the\u00a0link name and the\u00a0URL, then click\u00a0the\u00a0<strong>Create\u00a0<\/strong>button.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add items to the navbar, check off the link(s)\u00a0you want to add, click the\u00a0<strong>Add\u00a0<\/strong>button, then click\u00a0<strong>Save and close<\/strong>\u00a0on the next screen.\u00a0<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Creating a New Link Group<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Link groups are groups of links that appear in a drop-down menu in the navbar. When possible, we recommend editing existing link groups to meet your needs rather than creating new link groups. If you do need to create a new link group, here are the steps to do so:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on the 3 dots to the right of the last navbar item and select <strong>Manage All Course Navbars<\/strong>.<\/li>\n\n\n\n<li>Click on <strong>Custom Links<\/strong> and then on the <strong>Create Link Group<\/strong> button.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"404\" src=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.15.15-PM-1024x404.png\" alt=\"Screen shot of Create Link Group\" class=\"has-border-color has-neve-text-color-border-color wp-image-1217\" style=\"border-width:1px;width:558px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.15.15-PM-1024x404.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.15.15-PM-300x118.png 300w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.15.15-PM-768x303.png 768w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.15.15-PM-1536x606.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.15.15-PM-2048x809.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Give your link group a name and description. <\/li>\n\n\n\n<li>Add links to your link group. These links will appear in the drop-down menu in the navbar.<\/li>\n\n\n\n<li>Click the <strong>Save<\/strong> button to save your link group.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you have created a link group, it will be available to add to your navbar by following the process outlined in the previous section.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Changing Between Navbars<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">It is easy to change your course navbar to another existing navbar. All college-wide navbars and navbars that you created are available in a drop-down menu. You can access this library of navbars by clicking on the 3 dots to the right of the navbar and selecting <strong>Manage All Course Navbars<\/strong>. The active navbar is displayed. Choose a different navbar from the drop-down menu and click the <strong>Apply<\/strong> button to change the active navbar for your course.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.32.44-PM-1024x538.png\" alt=\"Screen shot of active navbar\" class=\"has-border-color has-neve-text-color-border-color wp-image-1219\" style=\"border-width:1px;width:653px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.32.44-PM-1024x538.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.32.44-PM-300x157.png 300w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.32.44-PM-768x403.png 768w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.32.44-PM-1536x806.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-content\/uploads\/sites\/3331\/2024\/06\/Screenshot-2024-06-26-at-12.32.44-PM-2048x1075.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Instructors can customize the course navbar by adding, removing, and grouping navigation items.<\/p>\n","protected":false},"author":7563,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_sb_show_comment_boards":false,"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","openlab_post_visibility":"","footnotes":""},"categories":[29],"tags":[],"coauthors":[11],"class_list":["post-875","post","type-post","status-publish","format-standard","hentry","category-navbar-homepage-widgets"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/posts\/875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/users\/7563"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/comments?post=875"}],"version-history":[{"count":16,"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/posts\/875\/revisions"}],"predecessor-version":[{"id":1221,"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/posts\/875\/revisions\/1221"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/media?parent=875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/categories?post=875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/tags?post=875"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/bmcc-lms-transition\/wp-json\/wp\/v2\/coauthors?post=875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}