Using the Right-To-Left Mode in the Viewer
Our sample projects and report templates can help you learn the basics of working with our products.The viewer can be flipped into right-to-left layout for RTL languages with a single appearance option.
In Angular.
How it works. The option re-lays the entire viewer UI, so it reads correctly in right-to-left locales.
In Angular.
import { Component } from "@angular/core";
import { Viewer, Stimulsoft } from "stimulsoft-dashboards-js-angular/viewer";
@Component({
imports: [Viewer],
template: `<sti-viewer [report]="report" [options]="options"></sti-viewer>`
})
export class Example {
report: Stimulsoft.Report.StiReport;
options: Stimulsoft.Viewer.StiViewerOptions;
constructor() {
this.report = new Stimulsoft.Report.StiReport();
this.report.loadFile("Dashboards/Dashboard.mrt");
this.options = new Stimulsoft.Viewer.StiViewerOptions();
this.options.appearance.rightToLeft = true;
}
}appearance.rightToLeft = true— mirrors the viewer's toolbar and panels for RTL reading.
How it works. The option re-lays the entire viewer UI, so it reads correctly in right-to-left locales.