Main viewer area

The main view area is the area occupied by the flyout view and swatches.

CSS properties of the main viewer area

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


CSS property



The width of the viewer.


The height of the viewer.


Background color in hexadecimal format.

Example - to set up a flyout viewer with white background ( #FFFFFF) and make its size 260 x 500 pixels.

.s7flyoutviewer {
 background-color: #FFFFFF;
 width: 260px;
 height: 500px;

On this page