Background Container

Introduction

The Background Container is used to contain, layer, and layout components. As well as adjust the background color and/or styling for components on a page.

Need Help?

If you need help with a specific use case for the Background Container or need guidance with appropriate configuration, please contact the web team.

 

Information

Specifications

 

Character Limit/Usage

This component does not have any character limitations, as you cannot add text to a Background Container without adding in additional component inside of the container.

Image Requirements: N/A

Video Requirements: N/A

 

Authoring Instructions

Authors are also able to set the number of columns and the padding for a container.

Column layouts can be added through the properties tab with different styles.

Below is a list of the configuration options:

  • Properties - Add anchor ID, labels and adjust columns here.
  • Styles - Allows you to change the background color (theme) and padding of the container the carousel is in.

SEO Guidance

N/A

Styling Options and Instructions

Authors can choose from the following Themes/Colors:

  • None (Default)
  • Transparent 
  • White
  • Gray 50
  • Gray 100
  • Black

The author can also select one of the corner option "Variations":

  • None (no styling applied)
  • Spotlight logos
  • Tech support Card  (exclusively for support pages)
  • Rounded corners - if the background container is visible (not full bleed) the rounded corner style should be applied.

Use Cases and Style Variations


1 Column Variation with Transparent Theme

New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description

2 Column (50/50) with Transparent Background

New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description

2 Column (50/50) with Black Background

New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description

2 Column (33/66) with White Background

New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Product
5 products

On-Counter / Hands-Free

On-Counter / Hands-Free

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description

3 Column (33/33/33) with Gray 50 Theme

5 products

Fixed Industrial

Fixed Industrial

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
5 products

Fixed Industrial

Fixed Industrial

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
5 products

Fixed Industrial

Fixed Industrial

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description

4 Column (25/25/25/25) with Gray 100 Theme

New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description

4 Column (25/25/25/25) with Black Theme

New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description
New Products
9 products

Mobile Terminals

Mobile Terminals

Enable high-performance, hands-free scanning in zero-footprint applications. Devices can be integrated into a variety of products or used standalone

Testing alt text description