Show Menu
TOPICS×

Main viewer area

The main view area is the area occupied by the zoom image. It is usually 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:
.s7interactiveimage

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 1174 x 500 pixels.
.s7interactiveimage { 
 background-color: #FFFFFF; 
 width: 1174px; 
 height: 500px;  
}