Skip to primary navigation Skip to main content

An official website of the United States Government USDA Farm Production and Conservation

FSA Design System fsa-style@2.7.3

Get Started

Screen ID

Show Code

X-Ray

Display a unique ID to each page view.

Screen ID: XYZ-WEB-007

<div class="fsa-screen-id">
  <div class="fsa-screen-id__bd">
    <dl class="fsa-screen-id__dl">
      <dt class="fsa-screen-id__dt">Screen ID</dt>
      <dd class="fsa-screen-id__dd">XYZ-WEB-007</dd>
    </dl>
  </div>
</div>

Variants

Fullscreen

Demo: view on boilerplate.html and invoke the Fullscreen Toggle.

Screen ID: XYZ-WEB-007

<div class="fsa-screen-id fsa-screen-id--fullscreen">
  <div class="fsa-screen-id__bd">
    <dl class="fsa-screen-id__dl">
      <dt class="fsa-screen-id__dt">Screen ID</dt>
      <dd class="fsa-screen-id__dd">XYZ-WEB-007</dd>
    </dl>
  </div>
</div>

Usage

Use

When an FPAC Application requires the use of a page identifier to help with technical issues.

Don’t Use

As a title bar or other visual or functional purpose.

General Guidelines

The Screen ID is used by FPAC Technical Support representatives and County Offices to identify areas of FPAC Applications that are having technical issues.