addItemメソッドを使用してツールバーに独自のボタンを追加することができます。

◆サンプルコード（JavaScript）

const viewer = new MESCIUS.ActiveReportsJS.ReportViewer.Viewer('#ARJSviewerDiv', { language: 'ja' });

// SVGアイコン
const svgIcon = '<svg>...</svg>';

// カスタムボタン
const customButton　= {
　　key: '$custom',
　　icon: { type: 'svg', content: svgIcon },
　　title: 'カスタムボタン',
　　enabled: true,
　　action: function(item) {
　　　　console.log('カスタムボタンがクリックされました');
　　}
};

// ツールバーにカスタムボタンを追加する
viewer.toolbar.addItem(customButton);

追加したボタンは通常は右端に表示されますが、以下のコードで順番や表示有無を変更することもできます。

◆サンプルコード（JavaScript）

// デフォルトのレイアウト
const defaultLayout = [
　　'$custom', 
　　'$split', 
　　'$navigation', 
　　'$split', 
　　'$zoom', 
　　'$fullscreen', 
　　'$split', 
　　'$print'
];

// フルスクリーン表示時のレイアウト
const fullscreenLayout = [
　　'$custom', 
　　'$split', 
　　'$navigation', 
　　'$split', 
　　'$fullscreen'
];

// モバイルモードのレイアウト
const mobileLayout = [
　　'$custom', 
　　'$split', 
　　'$navigation', 
　　'$split', 
　　'$zoom', 
　　'$fullscreen', 
];

// ツールバーのレイアウトを更新する
viewer.toolbar.updateLayout({default: defaultLayout, fullscreen: fullscreenLayout, mobile: mobileLayout});

デフォルトで含まれている要素は以下の通りです。

機能	key
先頭ページ	$navigation
前ページ
次ページ
最終ページ
更新	$refresh
キャンセル
親レポートに戻る	$history
戻る
進む
移動	$mousemode
縮小	$zoom
100%
拡大
フルスクリーン	$fullscreen
印刷	$print
単一ページ	$singlepagemode
連続ページ	$continuousmode
ゲラモード	$galleymode
セパレータ	$split