Main viewer area

Last update: 2021-09-23
  • Created for:
  • Developer
    User

The main view area is the area occupied by the interactive swatches. It is set to fit the available device screen when no size is specified.

CSS properties of the main viewer area

The appearance of the viewing area is controlled with the following CSS class selector:

.s7interactivevideoviewer

CSS property

Description

width

The width of the viewer.

height

The height of the viewer.

background-color

Background color in hexadecimal format.

Example

To set up a viewer with a white background ( #FFFFFF) and make its size 512 x 288 pixels.

.s7interactivevideoviewer {
 background-color: #FFFFFF;
 width: 512px;
 height: 288px;
}

On this page