{"id":992,"date":"2024-01-18T21:31:58","date_gmt":"2024-01-18T21:31:58","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/?page_id=1428"},"modified":"2024-01-18T21:31:58","modified_gmt":"2024-01-18T21:31:58","slug":"listing","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/","title":{"rendered":"Listing"},"content":{"rendered":"\n<p class=\"is-style-lead\">The Listing block is useful for cataloging information and displaying content in a way that is easy to scan.<\/p>\n\n\n\n<p class=\"is-style-default\">The listing block has two built-in fields for content: <em>left side<\/em> and<em> right side,<\/em> which offers the option of associating those two pieces of content with each other.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2023\/08\/Screen-shot-of-Listing-block-editor.png\" alt=\"\" class=\"wp-image-1456\"\/><\/figure>\n\n\n\n<p class=\"is-style-default\">A listing is also helpful because it can be styled in columns to minimize scrolling.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">When to use listings<\/h2>\n\n\n\n<p>For&nbsp;content from which visitors will <strong>scan<\/strong>, such as:<\/p>\n\n\n\n<ul>\n<li>People\/group\/entity names and titles<\/li>\n\n\n\n<li>Class schedules<\/li>\n\n\n\n<li>Lists of resources<\/li>\n\n\n\n<li>Event schedules<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">One-column listing, left side content only<\/h3>\n\n\n\n<div class=\"wp-block-washu-listing wrap-false leftLarge-false rightLarge-false\"><table class=\"line-chart-table\">\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Cory Bradley<br><\/strong>Post-Doctoral Researcher, School of Medicine<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Derek Brown<br><\/strong>Associate Professor<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Leopoldo Cabassa<br><\/strong>Professor, Director, PhD Program in Social Work<\/td><\/tr>\n<\/table><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">One-column listing, left and right side content<\/h3>\n\n\n\n<div class=\"wp-block-washu-listing wrap-false leftLarge-false rightLarge-false\"><table class=\"line-chart-table\">\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"1\">8:30-10 a.m.<\/td><td>Registration and check-in<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"1\">9-9:45 a.m.<\/td><td>Opening Plenary<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"1\">10 a.m.<\/td><td>Chancellor&#8217;s Remarks<\/td><\/tr>\n<\/table><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Two-column listing, left content only<\/h3>\n\n\n\n<p>In a two-column listing, the block will automatically wrap the listing items into the columns and visually balance column depths.<\/p>\n\n\n\n<div class=\"wp-block-washu-listing wrap-true leftLarge-false rightLarge-false\"><table class=\"line-chart-table\">\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Cory Bradley<br><\/strong>Post-Doctoral Researcher, School of Medicine<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Derek Brown<br><\/strong>Associate Professor<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Leopoldo Cabassa<br><\/strong>Professor, Director, PhD Program in Social Work<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Patricia Cavazos-Rehg<br><\/strong>Professor, Department of Psychiatry, Washington University School of Medicine<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Rajan Chakrabarty<br><\/strong>Harold D. Jolley Career Development Associate Professor<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Randi Foraker<br><\/strong>Professor, Division of General Medical Sciences, School of Medicine<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Patrick Fowler<br><\/strong>Associate Professor, Director, Doctoral Programs in Public Health Sciences<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Catalina Freixas<br><\/strong>Associate Professor<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Elvin Geng<br><\/strong>Professor of Medicine<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"2\"><strong>Byron Powell<br><\/strong>Associate Professor<\/td><\/tr>\n<\/table><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to add the Listing block<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<ul>\n<li>Add a&nbsp;<strong>listing block<\/strong>. By default, the block starts with three individual <strong>Listing items.<\/strong><br>(If you don\u2019t need three Listing items, you can delete one by clicking on the three dots in the far right corner of the formatting bar and selecting \u201cRemove listing item\u201d.)<\/li>\n\n\n\n<li>Click on the <strong>Left side content<\/strong> and enter text.<\/li>\n\n\n\n<li>Select text and style it as Bold from the pop-up Formatting bar, if needed. And\/or add a link.<\/li>\n\n\n\n<li>If you are using the <strong>Right side content<\/strong> area, click that area and repeat.<\/li>\n\n\n\n<li>Left and right side content areas can be styled in the sidebar of the page editor with toggles labeled <strong>Make left side content large<\/strong> or <strong>Make right side content large.<\/strong> For example:<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-washu-listing wrap-false leftLarge-true rightLarge-false\"><table class=\"line-chart-table\">\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"1\">Academic Year<\/td><td>This is the amount of the academic work measured in either credit or clock hours you must complete each year, and the time period in which your are expected to complete it, as defined by your school.  <\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"1\">Award Amount<\/td><td>Amount of aid a school expects to pay a student based on the student&#8217;s current grant and loan eligibility, enrollment, Expected Family Contribution (EFC), and the school&#8217;s cost of attendance.<\/td><\/tr>\n\n\n\n<tr class=\"wp-block-washu-listing-item\"><td colspan=\"1\">Award Letter<\/td><td>This is a term sometimes used for an offer from a college or career school that states the type and amount of financial assistance the school is willing to provide if you accept admission and register to take classes at that school.<\/td><\/tr>\n<\/table><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Add additional Listing items<\/h3>\n\n\n\n<ul>\n<li>At the top left of the Page editor, click on  the <strong>Document overview<\/strong> icon (looks like 3 steps) to open the list view of blocks currently on the page.<\/li>\n\n\n\n<li>Click on the Listing block in the Page editor to activate it. A blue outline around the active block will appear with a black + icon (Add block) in the bottom right corner.<\/li>\n\n\n\n<li> Click the + icon (Add block) underneath the block you are working on to add more listing items as necessary. <\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Delete Listing items<\/h3>\n\n\n\n<p>Click on the listing item that you want to delete and select <strong>Options<\/strong> (three dots) from the right side of the pop-up Formatting bar. Click <strong>Remove Listing Item<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Re-order Listing items<\/h3>\n\n\n\n<p>Click on the listing item that you\u2019re moving, then use the block arrows in the pop-up Formatting bar to move it up or down to its new location.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2023\/08\/Listing-Item-Pop-up-menu.png\" alt=\"\" class=\"wp-image-1471\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to add a column<\/h3>\n\n\n\n<p>After adding a Listing block, select <strong>Block<\/strong> from the right sidebar of the editor. The <strong>Wrap the list items<\/strong> toggle will control whether the Listing displays in one or two columns.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Listing block is useful for cataloging information and displaying content in a way that is easy to scan. The listing block has two built-in fields for content: left side and right side, which offers the option of associating those two pieces of content with each other. A listing is also helpful because it can [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":567,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.14 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Listing - Student Affairs Units<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Listing - Student Affairs Units\" \/>\n<meta property=\"og:description\" content=\"The Listing block is useful for cataloging information and displaying content in a way that is easy to scan. The listing block has two built-in fields for content: left side and right side, which offers the option of associating those two pieces of content with each other. A listing is also helpful because it can [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/\" \/>\n<meta property=\"og:site_name\" content=\"Student Affairs Units\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2023\/08\/Screen-shot-of-Listing-block-editor.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/\",\"name\":\"Listing - Student Affairs Units\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/#website\"},\"datePublished\":\"2024-01-18T21:31:58+00:00\",\"dateModified\":\"2024-01-18T21:31:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Listing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/\",\"name\":\"Student Affairs Units\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Listing - Student Affairs Units","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Listing - Student Affairs Units","og_description":"The Listing block is useful for cataloging information and displaying content in a way that is easy to scan. The listing block has two built-in fields for content: left side and right side, which offers the option of associating those two pieces of content with each other. A listing is also helpful because it can [&hellip;]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/","og_site_name":"Student Affairs Units","og_image":[{"url":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2023\/08\/Screen-shot-of-Listing-block-editor.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/","url":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/","name":"Listing - Student Affairs Units","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/#website"},"datePublished":"2024-01-18T21:31:58+00:00","dateModified":"2024-01-18T21:31:58+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/listing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/blocks\/"},{"@type":"ListItem","position":3,"name":"Listing"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/","name":"Student Affairs Units","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Student Affairs Units","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/sa-units","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/pages\/992"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/comments?post=992"}],"version-history":[{"count":1,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/pages\/992\/revisions"}],"predecessor-version":[{"id":1032,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/pages\/992\/revisions\/1032"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/pages\/567"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-units\/wp-json\/wp\/v2\/media?parent=992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}