Dynamic Tab Component
The Dynamic Tab 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 Manual 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:
Purpose
The Dynamic Tab Component is useful when you need to organize related content into separate views without overwhelming the user.
In contrast to the Manual Tab Component, the Dynamic Tab 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 Dynamic Tab Component when they have a set of pages, releases, or data that tends to be organized by a preset order to parse items.
Component Example
December 07, 2021
WHAT:
On December 13 through 15, the Census Open Innovation Labs will host The Opportunity Project (TOP) Summit: Open Innovation for All. TOP helps companies, nonprofits, and universities turn federal open data into new technologies that solve real world problems. This multiday virtual conference will showcase the work accomplished through TOP’s ‘The World Post-Covid-19’ 2021 sprints.
Attendees will be able to join sessions such as:
- Keynote remarks from federal agency, civil society, and technology industry leaders.
- Lightning talks and live demos featuring more than 30 products created in TOP sprints this year.
- Awards ceremony announcing the winners of more than $250,000 and nonmonetary prizes in The Open Data for Good Grand Challenge.
- Hands-on learning session for federal, state, and local agencies on technology, design and government innovation.
- Spotlights on work of our partners and collaborators from across government, industry, civic-tech, universities, and Non-Governmental Organizations.
- Roundtable discussions on topics such as meaningful partnerships with Historically Black Colleges and Universities, data equity, thought diversity, and language inclusion.
TOP’s 2021 sprint cycle was co-led by: the U.S. Census Bureau, the Minority Business Development Agency (MBDA), the National Oceanic and Atmospheric Administration (NOAA), the Consumer Financial Protection Bureau (CFPB), the U.S. Department of Housing and Urban Development (HUD), the U.S. Department of the Treasury, the City of Coral Gables, Florida, and the New York City Mayor’s Office of the Chief Technology Officer.
WHEN:
Monday, Dec. 13 - Wednesday, Dec. 15, 2021
noon-5 p.m. EST
WHO:
Ron Jarmin, Acting Director, U.S. Census Bureau
Natalie Evans Harris, Senior Advisor for Delivery to the Secretary of Commerce,
U.S. Department of Commerce
Miguel Estién, Acting National Director, Minority Business Development Agency
Tony LaVoi, Chief Data Officer, National Oceanic and Atmospheric Administration
Gene Sperling, Senior Advisor to the President, White House
Denice Ross, U.S. Chief Data Scientist, White House Office of Science and Technology Policy
Justin Marsico, Chief Data Officer/Deputy Assistant Commissioner, Bureau of Fiscal Service, U.S. Department of Treasury
Sara Brenner, Associate Director for Medical Affairs, U.S. Food and Drug Administration
Victoria Brown, Deputy Chief of Staff, U.S. Department of Housing and Urban Development
Brandon Reyes, Data Officer, City of Laredo, Texas
Jennifer Anastasoff, Founder & Executive Director, Tech Talent Project
John Paul Farmer, Chief Technology Officer, City of New York
RSVP:
This event will be fully virtual. To attend, please RSVP and view the full agenda on The Opportunity Project Summit website at <https://emamo.com/event/TOPSummit2021>.
###
Configure Dialog
The configure dialog allows the content author to define multiple tabs. See below for more about the Tab Component dialog.
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. To have this redirect added, submit a ticket to CNMP Web Support.
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).
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>