Skip Navigation
Within Components

Manual Tab Component

The Manual Tab Component creates custom tabs to display 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 Dynamic Tab Component, is this component allows the use of custom tabs.

On This Page:

Related Information

Purpose

The Manual Tab Component is useful when you need to organize related content into separate views without overwhelming the user.

Avoid using tabs to simply navigate to different areas of a website. Instead, only use tabs when the topics all fall within the same context.

The Manual Tab Component displays content of different pages, available by navigating between the component’s displayed tabs and allows content authors to insert whole containers from other pages, with a maximum of one page per tab. 

Tabs are built manually with custom labels/titles and a minimum of two tabs are required. The first tab is selected by default when a site user navigates to the page.

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.

Examples

View on public site:

Component Example

Page Title 6
  • Page Title 1
  • Page Title 2
  • Page Title 4
  • Page Title 5
  • Page Title 6
  • Page Title 7

Page Title 6

What does the Census Bureau do?

As the leading source of information on the nation’s people, places and economy, we provide data about our country’s population size and growth as well as detailed portraits of the changing characteristics of our communities and economy.

America’s founders recognized that this information was needed to serve its people effectively. We collect vital information and develop statistics representing the American people, including where and how they live.

The Census Bureau collects information through the decennial census, the American Community Survey, the economic census, and many other surveys.

Learn more about the Census Bureau’s censuses, surveys and programs.

Informing the nation through quality data

Federal funds, grants and support to states, counties and communities are based on population totals and breakdowns by sex, age, race, ethnicity and other factors. Your community benefits the most when it has access to accurate demographic and socioeconomic data through an accurate count of population, households and businesses.

The Census Bureau provides statistical snapshots of demographic and economic trends used by organizations, businesses and individuals. We partner with the public and private sector, nonprofits, community-based organizations and academia to harness the power of our data, support each other’s mission and co-create solutions to increase the use of data and participation in surveys and programs.

Explore Our Data

Learn More

NEXT: ENGAGE

Configure Dialog

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

Web Standard

Individual pages that are in tabs should have redirects to their tabbed versions. 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: Enter Tabbed Content

Manual Tab: Dialog Box
  • Title – If you'd like to add a Section Title, insert it here.
  • Title Size – Size of the title text. (H2 default) This will override the page's current title size.
  • Title Alignment – Overrides the default alignment of the title text.
  • Description – If you'd like to add a description, insert it here. Displayed underneath the title.
    • Tab 1 (Required)
      • Title – Required title for the first tab.
      • Page – Page where the tab component will pull in the main content container.
    • Tab 2 (Required)
      • Title – Required title for the second tab.
      • Page – Page where the tab component will pull in the main content container.
    • Additional Tabs
      • Title – Required title for the third, fourth, fifth, etc.  tab.
      • Page – Page where the tab component will pull in the main content container.

Developer Resources

Expand the section below to see the Tab Component HTML output.

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

<div class="uscb-h1 uscb-medium uscb-hide-sm uscb-tab-selected-item">Page Title 1</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="ti1897460770" style="color: #bbc7cd;"></div>

 

 

<div class="uscb-color-primary uscb-layout-row uscb-layout-align-flex-start uscb-text-align-left ">

<h2 style="color: ;" class="uscb-h2">Abstract</h2>

</div>

 

 

<section style="overflow: none;">

 

<div class="uscb-text-media-media

uscb-print-hide

    

    uscb-float-right uscb-margin-L-25">

 

 

 

<div class="uscb-margin-TB-10 uscb-layout-align-center-center">

<a filetrack="http://author-publish.dev.census.gov/content/dam/Census/library/working-papers/2021/adrm/RRS2021-01.pdf|RESEARCH REPORT SERIES OR STUDY SERIES|Tab Component_756162" href="/content/dam/Census/library/working-papers/2021/adrm/RRS2021-01.pdf" target="_new" onclick="linkClick(this, 'Text and Image Component');" class="uscb-text-link">

<img class="uscb-border-1px-gray " src="http://author-publish.dev.census.gov/library/working-papers/2021/adrm/RRS2021-01/_jcr_content/root/responsivegrid/textimage.textthumbnail.png/1615819903562.png" alt="RESEARCH REPORT SERIES OR STUDY SERIES" title="RESEARCH REPORT SERIES OR STUDY SERIES">

</a>

</div>

 

 

<div class="uscb-margin-TB-10 uscb-layout-align-start-center">

<a tabindex="0" href="/content/dam/Census/library/working-papers/2021/adrm/RRS2021-01.pdf" class="uscb-text-link uscb-text-image-attachment">

Download RESEARCH REPORT SERIES OR STUDY SERIES [PDF - &lt;1.0 MB]

</a>

</div>

</div>

 

<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>Disclosure avoidance techniques are used by agencies to prepare releases of statistics and microdata when internal data contain information considered sensitive to individual subjects. Differential privacy (DP) techniques have become popular in the literature and are finding increasing use in practical applications. One fundamental DP technique to protect sensitive data is to add noise from a selected distribution in such a way that mathematical privacy criteria are satisfied. An analyst making use of such data in a statistical model may wish to account for uncertainty introduced by the added noise. This work considers Bayesian regression models which regard the agency noise - or equivalently, the unreleased sensitive data - as augmented data. Given other random variables in the model, conditional distributions of these augmented data form weighted densities, but a method of drawing from them may not be apparent. We revisit the direct sampling method proposed by Walker et al. (JCGS 2011) and explore several customizations to address issues encountered in the basic version of the algorithm. Draws from the desired conditional distributions may be then taken reliably, largely avoiding the need for rejections or manual tuning. The customized direct sampler is used to complete the specification of a Gibbs sampler to fit a Lognormal regression model where agency noise has been added to both the outcome and some of the covariates. Demonstrations compare inference using the sensitive internal data versus the privacy-protected release.</p>

 

<p></p>

</div>

</section>

 

</div>

</div>

<div class="othersinseries list parbase aem-GridColumn aem-GridColumn--default--12"><!-- SDI include (path: /library/working-papers/2021/adrm/RRS2021-01/_jcr_content/root/responsivegrid/ois.nocache.html/census/components/common/body/othersinseries.vsdi, resourceType: census/components/common/body/othersinseries) -->

 

        

    

 

    

 

</div>

 

    

</div>

 

</div>

 

Top of Section