Режимы отображения
В компоненте Blazor Viewer предусмотрено два режима отображения отчета: с полосами прокрутки и без них. По умолчанию установлен режим просмотра без полос прокрутки. Для включения режима просмотра с полосами прокрутки достаточно установить значение true для свойства ScrollbarsMode.
Index.razor |
@using Stimulsoft.Report @using Stimulsoft.Report.Blazor @using Stimulsoft.Report.Web
<StiBlazorViewer Options="@Options" />
@code { //Options object private StiBlazorViewerOptions Options;
protected override void OnInitialized() { base.OnInitialized();
//Init options object Options = new StiBlazorViewerOptions(); Options.Appearance.ScrollbarsMode = false; } } |
В первом режиме (без полос прокрутки), вьювер отображает страницу или отчет целиком, автоматически растягивая область просмотра. Если заданы размеры по ширине и высоте, то вьювер будет осуществлять обрезку вышедшей за границы страницы. Во втором режиме, в отличие от первого, при выходе страницы за границы размеров вьювера, обрезка осуществляться не будет. Вместо этого появятся полосы прокрутки, при помощи которых можно просмотреть страницу или отчет целиком.
Информация |
В режиме просмотра отчета с полосами прокрутки необходимо задать высоту вьювера, иначе будет задана высота по умолчанию, равная 650 пикселей.
|
В компоненте Blazor Viewer предусмотрен режим полноэкранного отображения отчета или дашборда. По умолчанию включен стандартный режим просмотра, вьювер имеет заданные в настройках размеры. Для включения полноэкранного режима просмотра достаточно установить значение true для свойства FullScreenMode.
Index.razor |
@using Stimulsoft.Report @using Stimulsoft.Report.Blazor @using Stimulsoft.Report.Web
<StiBlazorViewer Options="@Options" />
@code { //Options object private StiBlazorViewerOptions Options;
protected override void OnInitialized() { base.OnInitialized();
//Init options object Options = new StiBlazorViewerOptions(); Options.Appearance.FullScreenMode = true; } } |
Также, для включения либо отключения полноэкранного режима можно воспользоваться соответствующей кнопкой на панели управления вьювера.
В компоненте Blazor Viewer доступно три режима отображения отчета: постраничное отображение, отчет целиком в виде ленты, и табличное отображение страниц отчета. Для управления режимами предназначено свойство ViewMode, которое соответственно принимает одно из указанных значений: SinglePage, Continuous, MultiplePages.
Index.razor |
@using Stimulsoft.Report @using Stimulsoft.Report.Blazor @using Stimulsoft.Report.Web
<StiBlazorViewer Options="@Options" />
@code { //Options object private StiBlazorViewerOptions Options;
protected override void OnInitialized() { base.OnInitialized();
//Init options object Options = new StiBlazorViewerOptions(); Options.Toolbar.ViewMode = StiWebViewMode.SinglePage; } } |
В компоненте Blazor Viewer реализована поддержка работы как с обычным компьютером, так и с сенсорными экранами, мобильными устройствами. Для управления режимами интерфейса предназначено свойство InterfaceType, которое принимает одно из следующих значений:
Auto – тип интерфейса вьювера будет выбран автоматически в зависимости от используемого устройства (значение по умолчанию);
Mouse – принудительное использование стандартного интерфейса для управления вьювером при помощи мыши;
Touch – принудительное использование Touch интерфейса для управления вьювером при помощи сенсорного экрана монитора, в этом режиме элементы интерфейса вьювера имеют увеличенные размеры для удобства управления;
Mobile – принудительное использование Mobile интерфейса для управления вьювером при помощи экрана смартфона, в этом режиме интерфейс вьювера имеет упрощенный вид и адаптирован для управления при помощи мобильного устройства.
Index.razor |
@using Stimulsoft.Report @using Stimulsoft.Report.Blazor @using Stimulsoft.Report.Web
<StiBlazorViewer Options="@Options" />
@code { //Options object private StiBlazorViewerOptions Options;
protected override void OnInitialized() { base.OnInitialized();
//Init options object Options = new StiBlazorViewerOptions(); Options.Appearance.InterfaceType = StiInterfaceType.Auto; } } |