Вьювер имеет возможность смены тем оформления визуальных элементов управления. Для этого достаточно установить свойство theme в опциях компонента:

 

viewer.php

 

<?php

$options = new \Stimulsoft\Viewer\StiViewerOptions();

$options->appearance->theme = \Stimulsoft\Viewer\StiViewerTheme::Office2022WhiteBlue;

?>

 

 

 

На данный момент доступно 8 тем оформления c различными цветовыми акцентами. В результате, доступно более 60 вариантов оформления. Это позволяет настроить внешний вид вьювера практически под любое оформление Web проекта.

 

Дополнительные настройки

По умолчанию, вьювер имеет только верхнюю панель инструментов, на которой находятся все элементы управления отчетом. При необходимости, панель инструментов можно разделить на верхнюю и нижнюю. На верхней панели будут находиться меню печати и экспорта отчета, а также кнопки работы с параметрами и закладками. Нижняя панель инструментов будет содержать элементы переключения между страницами отчета и меню управления масштабом. Для включения указанного режима предназначено свойство displayMode, которое может иметь следующие значения:

 

Наименование

Описание

StiToolbarDisplayMode::Simple

Простой режим отображения, все элементы управления расположены на одной панели управления (значение по умолчанию).

StiToolbarDisplayMode::Separated

Раздельный режим отображения, панель управления разделена на верхнюю - взаимодействие с отчетом, и нижнюю - взаимодействие со страницами.

 

viewer.php

 

<?php

$options = new \Stimulsoft\Viewer\StiViewerOptions();

$options->toolbar->displayMode = \Stimulsoft\Viewer\StiToolbarDisplayMode::Simple;

$options->appearance->scrollbarsMode = true;

?>

 

 

 

Дополнительно предусмотрена возможность установки параметров оформления основных элементов вьювера. Например, можно изменить шрифт и цвет надписей панели управления вьювера, установить фон вьювера, задать цвет границ страницы и др. Ниже представлен список доступных свойств, изменяющих оформление вьювера, и их значения по умолчанию:

 

viewer.php

 

<?

$options = new \Stimulsoft\Viewer\StiViewerOptions();

 

$options->appearance->backgroundColor = 'white';

$options->appearance->pageBorderColor = 'red';

$options->appearance->showPageShadow = false;

 

$options->toolbar->backgroundColor = 'aqua';

$options->toolbar->borderColor = 'darkgreen';

$options->toolbar->fontColor = 'white';

$options->toolbar->fontFamily = 'Arial';

?>

 

 

 

В качестве значения для цвета указывается одна из стандартных констант для HTML цветов, либо код цвета в RGB формате, например '#ff2020'.