Customizing the Designer
Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.The designer's toolbar, file menu and the component palette are all configured through the options object.
In React.
How it works. Each option toggles one part of the designer, so users see only the tools you allow.
In React.
import { Designer, Stimulsoft } from "stimulsoft-dashboards-js-react/designer";
function App() {
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Dashboards/Dashboard.mrt");
var options = new Stimulsoft.Designer.StiDesignerOptions();
options.appearance.theme = Stimulsoft.Designer.StiDesignerTheme.Office2022LightGrayTeal;
options.appearance.fullScreenMode = true;
options.toolbar.showPreviewButton = false;
options.toolbar.showFileMenu = false;
options.components.showImage = false;
options.components.showShape = false;
options.components.showPanel = false;
return <Designer options={options} report={report} />;
}toolbar.showPreviewButton/toolbar.showFileMenu— hide toolbar and menu commands.components.showImage/showShape/showPanel… — remove items from the component palette.
How it works. Each option toggles one part of the designer, so users see only the tools you allow.