  {"id":2906,"date":"2024-02-15T11:12:40","date_gmt":"2024-02-15T16:12:40","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?p=2906"},"modified":"2024-09-18T20:32:03","modified_gmt":"2024-09-19T00:32:03","slug":"using-list-view-and-outline-view","status":"publish","type":"post","link":"https:\/\/carleton.ca\/cutheme-docs\/2024\/using-list-view-and-outline-view\/","title":{"rendered":"Using List View and Outline View"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Using List View and Outline View\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n<div class=\"w-full max-w-xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component not-contained not-prose\">\n    <h2 class=\"px-6 py-4 text-base font-semibold border-b rounded-t-lg md:text-xl bg-gray-50 text-cu-black-800\">\n        Table of Contents\n    <\/h2>\n    <div class=\"grid cu-scrollto cu-stackedlist--toc cu-stackedlist--1 md:grid-cols-1\">\n            <div class=\"space-y-1\">\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.\n                    <\/span>\n\n                    <a href=\"#list-view\" class=\"font-medium hover:underline\">\n                        List View\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.\n                    <\/span>\n\n                    <a href=\"#outline-view\" class=\"font-medium hover:underline\">\n                        Outline View\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<p>The list and outline views are helpful when navigating your webpage.<\/p>\n\n\n\n<p>To open up these views, click on the three lines at the top left.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"126\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-20-at-14.51.52@2x.png\" alt=\"Open List and Outline Views\" class=\"wp-image-2917\" style=\"width:234px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-20-at-14.51.52@2x.png 474w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-20-at-14.51.52@2x-320x85.png 320w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<h2 id=\"list-view\" class=\"wp-block-heading\">List View<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"254\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/list-view.png\" alt=\"List view\" class=\"wp-image-2914\" style=\"width:301px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/list-view.png 620w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/list-view-320x131.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/list-view-512x210.png 512w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p>The list view (left tab) gives a simple, condensed overview of your page. See all the blocks present on your page in the order they appear in. <\/p>\n\n\n\n<p>Click on the 3-dot menu to access options for a block &#8211; for example, duplicate, lock, or delete a block.<\/p>\n\n\n\n<p> You can also drag a block up and down in this view to reposition it on your page.<\/p>\n\n\n\n<h2 id=\"outline-view\" class=\"wp-block-heading\">Outline View<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"254\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/outline-view.png\" alt=\"outline view\" class=\"wp-image-2916\" style=\"width:297px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/outline-view.png 620w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/outline-view-320x131.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/outline-view-512x210.png 512w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p>The Outline view (right tab) displays the number of characters and words on your page,&nbsp;&nbsp;as well as an estimated reading time.<\/p>\n\n\n\n<p>You can also see the overall hierarchy of your page, and the order of headings. Note &#8211; this is great for checking if your page follows accessibility guidelines, which recommend headings be ordered hierarchically.<\/p>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained bg-white cu-prose\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/wsSiYeNK3Dw\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\n\n\n\n<div class=\"cu-container not-contained prose prose-rds max-w-none prose-lg md:prose-xl prose-img:w-full prose-img:rounded-lg prose-blockquote:font-normal prose-blockquote:rounded-md prose-blockquote:border-l-4 prose-h4:text-xl md:prose-h4:text-2xl cu-container-5xl py-5 md:py-6 bg-white\"><dl class=\"cu-description prose prose-rds max-w-none prose-lg md:prose-xl prose-img:w-full prose-img:rounded-lg prose-blockquote:font-normal prose-blockquote:rounded-md prose-blockquote:border-l-4 prose-h4:text-xl md:prose-h4:text-2xl\">\n\n<div class=\"accordion grid border-b border-cu-black-200 pt-4 pb-3 md:pt-6 md:pb-5 first:border-t\"><dt class=\"font-semibold pb-2 mt-0 md:mt-0 mb-0 prose prose-rds max-w-none prose-lg md:prose-xl prose-img:w-full prose-img:rounded-lg prose-blockquote:font-normal prose-blockquote:rounded-md prose-blockquote:border-l-4 prose-h4:text-xl md:prose-h4:text-2xl\"><button class=\"accordion__button flex items-center w-full\" aria-expanded=\"false\" aria-controls=\"accordion-transcript---list-view-and-outline-view\">Transcript &#8211; List View and Outline View<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"accordion__icon w-5 h-5 ml-auto text-cu-black-500 transition-transform rotate-0}\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"><\/path><\/svg><\/button><\/dt><dd class=\"accordion__content p-0 md:p-0 mt-0 md:mt-0 [&amp;&gt;*:first-child]:mt-0 md:[&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-2 md:[&amp;&gt;*:last-child]:mb-2\" hidden id=\"accordion-transcript---list-view-and-outline-view\">\n\n<p>Hello, today I will be going over the list view and outline options in cuTheme,&nbsp;&nbsp;using this test page as an example.<\/p>\n\n\n<p>To open these views, select the three lines icon in the top left of the workspace.<\/p>\n\n\n<p>First, the list view is a simple and condensed way of looking at your page. It shows all the blocks present on your page,&nbsp;&nbsp;and the order they appear in. <\/p>\n\n\n<p>By selecting a block, you can click the three dots,&nbsp;&nbsp;and get a bunch of options for the block,&nbsp; such as duplicating, locking, and deleting. <\/p>\n\n\n<p>By selecting and dragging a block, you can also move it up and down your site.<\/p>\n\n\n<p>Next, there is the outline view. It shows the number of characters and words on your page,&nbsp;&nbsp;as well as an estimated reading time.<\/p>\n\n\n<p>Below, it shows the overall hierarchy of your page, such as the different headings present. <\/p>\n\n\n<p>Altogether, the outline gives you a good look at how the page is ordered and can give you an idea of how users will be able to read your page.<\/p>\n\n<\/dd><\/div>\n\n<\/dl><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The list and outline views are helpful when navigating your webpage. To open up these views, click on the three lines at the top left. List View The list view (left tab) gives a simple, condensed overview of your page. See all the blocks present on your page in the order they appear in. Click [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[25],"tags":[],"class_list":["post-2906","post","type-post","status-publish","format-standard","hentry","category-tips-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=2906"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2906\/revisions"}],"predecessor-version":[{"id":4347,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2906\/revisions\/4347"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=2906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/categories?post=2906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/tags?post=2906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}