Tabbed Page Component

The Tabbed Page Component creates custom tabs to display full page content under each tab. In order to use this component you must submit a Jira ticket to CNMP requesting it be enabled for a specific page.

The Tabbed Page Component displays full page content under each tab. Users navigate between the tabs to access the page content. The component displays one page per tab.

The difference between this component and the tab component, is this component uses the standard sorting choices (building the tab order) of publication date, collection year or month, and reference year or month.

On This Page:

Example

View on public site:

Examples by Template

Census 3 Column
  • Census 3 Column
  • Census 2 Column Left
  • Census 2 Column Right
Census 3 Column

When to Use

Tabbed Page Component is useful for pages designed to display a high volume of previews for related datasets, releases, reports, interactive visuals, and other such pages. Tabs provide a manner by which to organize these related materials. 

An author should use the Tabbed Page Component when they have a set of pages, releases, or data that lends to being organized by a preset order to parse items.

Usage

In contrast to the Tab Component, the Tabbed Page Component does not rely on the author to manually order the tabs; instead, it offers preset manners by which to order the tabs. Tabs can be built by collection month/year, by reference month/year, or by publication date and can be sorted manually or from oldest to newest or newest to oldest.

Content authors should use the Tabbed Page Component when they have a set of pages, releases, or data that tends to be organized by a preset order to parse items.

Note:

Tabs are not selectable by the author when in Edit mode. Use Preview mode, View as Published or view on Author-publish to interact with the tabs as a reader of the published content would.

Web Recommendation

Individual pages that are in tabs should have redirects to their tabbed versions. While not required for these pages it is strongly recommended.

This way users can only see the tabbed version of the page. The redirect is found under Page Properties > Advanced tab.

Tabbed Page Component Title

April 22, 2021
  • September 30, 2021
  • September 30, 2021
  • September 28, 2021
  • September 28, 2021
  • September 27, 2021
  • September 23, 2021
  • September 22, 2021
  • September 21, 2021
  • September 16, 2021
  • September 16, 2021
  • September 16, 2021
  • September 16, 2021
  • September 16, 2021
  • September 14, 2021
  • September 14, 2021
  • September 09, 2021
  • September 08, 2021
  • September 07, 2021
  • September 07, 2021
  • September 02, 2021
  • September 02, 2021
  • September 01, 2021
  • September 01, 2021
  • October 28, 2021
  • October 28, 2021
  • October 28, 2021
  • October 28, 2021
  • October 28, 2021
  • October 28, 2021
  • October 28, 2021
  • October 27, 2021
  • October 25, 2021
  • October 21, 2021
  • October 20, 2021
  • October 20, 2021
  • October 19, 2021
  • October 15, 2021
  • October 14, 2021
  • October 12, 2021
  • October 12, 2021
  • October 07, 2021
  • October 07, 2021
  • October 06, 2021
  • October 05, 2021
  • October 05, 2021
  • November 30, 2021
  • November 29, 2021
  • November 24, 2021
  • November 23, 2021
  • November 17, 2021
  • November 17, 2021
  • November 16, 2021
  • November 16, 2021
  • November 15, 2021
  • November 15, 2021
  • November 10, 2021
  • November 10, 2021
  • November 10, 2021
  • November 03, 2021
  • November 02, 2021
  • November 01, 2021
  • May 28, 2021
  • May 27, 2021
  • May 27, 2021
  • May 25, 2021
  • May 25, 2021
  • May 19, 2021
  • May 18, 2021
  • May 18, 2021
  • May 17, 2021
  • May 13, 2021
  • May 13, 2021
  • May 11, 2021
  • May 11, 2021
  • May 11, 2021
  • May 05, 2021
  • May 04, 2021
  • May 04, 2021
  • May 03, 2021
  • March 30, 2021
  • March 25, 2021
  • March 25, 2021
  • March 25, 2021
  • March 24, 2021
  • March 23, 2021
  • March 22, 2021
  • March 18, 2021
  • March 18, 2021
  • March 16, 2021
  • March 15, 2021
  • March 12, 2021
  • March 11, 2021
  • March 10, 2021
  • March 09, 2021
  • March 09, 2021
  • March 04, 2021
  • March 03, 2021
  • March 02, 2021
  • March 01, 2021
  • June 30, 2021
  • June 29, 2021
  • June 28, 2021
  • June 24, 2021
  • June 24, 2021
  • June 24, 2021
  • June 22, 2021
  • June 17, 2021
  • June 17, 2021
  • June 16, 2021
  • June 15, 2021
  • June 10, 2021
  • June 09, 2021
  • June 08, 2021
  • June 03, 2021
  • June 02, 2021
  • June 01, 2021
  • June 01, 2021
  • July 29, 2021
  • July 29, 2021
  • July 29, 2021
  • July 28, 2021
  • July 27, 2021
  • July 27, 2021
  • July 22, 2021
  • July 22, 2021
  • July 21, 2021
  • July 20, 2021
  • July 20, 2021
  • July 15, 2021
  • July 14, 2021
  • July 14, 2021
  • July 13, 2021
  • July 12, 2021
  • July 08, 2021
  • July 06, 2021
  • July 02, 2021
  • July 01, 2021
  • July 01, 2021
  • January 28, 2021
  • January 28, 2021
  • January 28, 2021
  • January 27, 2021
  • January 27, 2021
  • January 26, 2021
  • January 26, 2021
  • January 21, 2021
  • January 21, 2021
  • January 19, 2021
  • January 19, 2021
  • January 18, 2021
  • January 16, 2021
  • January 14, 2021
  • January 14, 2021
  • January 13, 2021
  • January 12, 2021
  • January 07, 2021
  • January 06, 2021
  • January 06, 2021
  • January 05, 2021
  • February 25, 2021
  • February 24, 2021
  • February 24, 2021
  • February 23, 2021
  • February 23, 2021
  • February 23, 2021
  • February 22, 2021
  • February 19, 2021
  • February 18, 2021
  • February 18, 2021
  • February 16, 2021
  • February 16, 2021
  • February 12, 2021
  • February 12, 2021
  • February 11, 2021
  • February 10, 2021
  • February 09, 2021
  • February 09, 2021
  • February 09, 2021
  • February 03, 2021
  • February 02, 2021
  • February 02, 2021
  • February 02, 2021
  • December 30, 2021
  • December 30, 2021
  • December 23, 2021
  • December 22, 2021
  • December 21, 2021
  • December 21, 2021
  • December 20, 2021
  • December 16, 2021
  • December 16, 2021
  • December 16, 2021
  • December 16, 2021
  • December 16, 2021
  • December 15, 2021
  • December 15, 2021
  • December 15, 2021
  • December 13, 2021
  • December 09, 2021
  • December 09, 2021
  • December 08, 2021
  • December 07, 2021
  • December 02, 2021
  • December 01, 2021
  • August 31, 2021
  • August 31, 2021
  • August 30, 2021
  • August 27, 2021
  • August 26, 2021
  • August 26, 2021
  • August 26, 2021
  • August 25, 2021
  • August 25, 2021
  • August 25, 2021
  • August 24, 2021
  • August 18, 2021
  • August 18, 2021
  • August 17, 2021
  • August 16, 2021
  • August 12, 2021
  • August 11, 2021
  • August 10, 2021
  • August 10, 2021
  • August 05, 2021
  • August 05, 2021
  • August 05, 2021
  • August 03, 2021
  • August 02, 2021
  • April 29, 2021
  • April 29, 2021
  • April 28, 2021
  • April 27, 2021
  • April 26, 2021
  • April 26, 2021
  • April 26, 2021
  • April 26, 2021
  • April 22, 2021
  • April 22, 2021
  • April 22, 2021
  • April 22, 2021
  • April 22, 2021
  • April 22, 2021
  • April 21, 2021
  • April 21, 2021
  • April 20, 2021
  • April 16, 2021
  • April 15, 2021
  • April 15, 2021
  • April 14, 2021
  • April 14, 2021
  • April 13, 2021
  • April 08, 2021
  • April 06, 2021
  • April 01, 2021
  • April 01, 2021
April 22, 2021

April 22, 2021 — The U.S. Census Bureau is pleased that we were able to reach a resolution with the plaintiffs in the National Urban League v. Raimondo case. We share an interest in transparency and a complete and accurate census. Our census partners have played an essential role in encouraging response to the 2020 Census across the country during these unprecedented times. We continue to focus on processing and releasing data from the 2020 Census which represents the culmination of over a decade of dedicated work by many federal employees. We will take the time needed to produce 2020 Census data that meets our quality standards as a statistical agency. The Census Bureau will release the first set of 2020 Census data by April 30.

###

Configure Dialog

The configure dialog allows the content author to define multiple tabs. See below for more about the Tab Component dialog.

Tab: Page Tab

  • Title – If you'd like to add a Section Title, insert it here.
  • Title Size – Size of the title text. (H2 default)
  • Title Alignment – Overrides the default alignment of the title text.
  • Description – If you'd like to add a description, insert it here.
  • Build Tabs Using – Choose between Child Pages or Fixed List (AEM)
  • Build Tab Names Using – Choose between Publication Date, Collection Month, Collection Year, Reference Month, or Reference Year.
  • Sort Option – Choose between Manual Sort, Newest to Oldest, or Oldest to Newest.
 

Tab: Child Pages

  • Parent Page – Allows you to select a page to list its child pages (i.e., pages nested under the selected page).
Note:

The parent page URL is limited to the first level of child pages. Leave empty to use current page.

Tab: Fixed List (AEM)

  • Add Field – Allows you to select specific AEM pages to build tabs.
 

Developer Resources

Expand the section below to see the Tabbed Page Component HTML output.

<div class="uscb-tab-list">

<div class="uscb-h1 uscb-medium uscb-hide-sm uscb-tab-selected-item">September 30, 2021</div>

 

 

<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">

    

    <div class="textimage parbase aem-GridColumn aem-GridColumn--default--12"><div class="uscb-overflow-auto" style="background-color: ; color: ; background-image: url(); background-repeat: no-repeat; background-position: right bottom; background-size: contain;">

<a name="par_textimage" style="visibility:hidden"></a>

<div id="ti36694489" style="color: #bbc7cd;"></div>

 

 

 

 

<section style="overflow: none;">

 

 

<div style="color: " class="uscb-text-image-text uscb-text-media-text uscb-padding-LR-0">

<p class="uscb-body-text" style="color: ;">

</p><p><b>SEPT. 30, 2021</b> — The U.S. Census Bureau today released new data from the sixth phase of the <a href="https://www.census.gov/data/experimental-data-products/small-business-pulse-survey.html">Small Business Pulse Survey</a> (SBPS). Data collection began August 16. Results will be released weekly August 26 to October 21. New content in the SBPS Phase 6 covers difficulties hiring employees, new workplace norms, changes in demand for goods or services, and price changes from suppliers. In addition, Phase 6 will include information consistent with previous phases regarding location closings and openings, changes in employment, workplace vaccine and testing requirements, supply chain disruptions, and expectations concerning future operations.</p>

<p>Weekly data are available at the national, sector, state and metropolitan statistical area (MSA) level for the largest MSAs and Puerto Rico through the <a href="https://portal.census.gov/pulse/data/">SBPS interactive tool</a> and <a href="https://portal.census.gov/pulse/data/#downloads">downloadable files</a>. Sector and subsector data are also available. The SBPS collects near real-time data on the effects of the coronavirus pandemic on small businesses. These data inform federal and state decision-making.</p>

<p>No news release associated with this product. Tip sheet only.<br>

</p>

<p style="text-align: center;">###<br>

</p>

 

<p></p>

</div>

</section>

 

</div>

</div>

 

    

</div>

 

</div>

 

Top of Section
Is this page helpful?
Thumbs Up Image Yes Thumbs Down Image No
NO THANKS
255 characters maximum 255 characters maximum reached
Thank you for your feedback.
Comments or suggestions?

Top

Back to Header