デザイナページのコンテナにカスタムボタンを追加

window.addEventListener("iba_pageloading", function (e){});

　iba_pageloadingイベントリスナーを使用して、ページが読み込まれたときに、ボタンとメニューアイテムを表示しています。
　カスタムボタンについて確認する場合は、ビジュアライゼーションを実行してください。
　このiba_pageloadingイベントリスナー内にボタンとメニューアイテムを追加するコードを記載しています。

　var panel1 = document.querySelector(".cargraph").ibaObject;

　

panel1：パネルを表すために定義した変数の名前です。
.cargraph：ボタンを表示したいページ上のパネルのクラスプロパティに指定した名前です。

var button1 = panel1.addButton(
        {"glyphClasses": "fa fa-home", "class": "buttonClass","tooltip": "ibi home"},".pd-container-title-button-resize", true);

　button1：ボタンを表すために定義した変数の名前です。
　panel1：定義したパネルを表す変数です。
　fa fa-home：家の形をしたFont Awesomeアイコンのグリフクラスです。好きなFont Awesomeアイコンを指定できます。
　buttonClass：ボタン自体に割り当てられたCSSクラスです。これを使って、ボタンにCSSスタイリングを適用したり
　　　　　　　　ボタンに適用したり、JavaScriptのコードでボタンを参照したりできます。
　ibi home：ボタンをクリックしたときにツールチップに表示されるテキストです。
　.pd-container-title-button-resize：パネル上のリサイズボタンのクラスです。これは、すでに追加しているボタンの兄弟要素です。
　true：beforeプロパティの値がtrueに設定されている場合、ボタンは兄弟要素の前に配置されます。
　　　　それ以外の場合は、ボタンの後に配置されます。兄弟要素が指定されていない場合は、最後に配置されます。

button1.addEventListener("click", function(){window.open("https://www.ashisuto.co.jp/webfocus/");});

　button1:ボタンに割り当てた変数名です。
　サンプルではボタンがクリックされたときに、アシストのWebFOCUS製品サイトを新しいウィンドウで開くようにしています。
　※button1以外にはイベントが追加されていないボタンがあります。

var menu1 = panel1.addMenuItem(
        {"text": "詳細グラフ", "glyphClasses": "fa fa-globe","class":"menu-class"},".class>.ibx_menu_item", true);

　menu1：メニュー項目を表すのに使用する変数名です。
　panel1：メニューが追加されるパネルを表す変数の名前です。
　詳細グラフ：メニュー項目のテキストです。
　fa fa-globe：地球の形をした Font Awesome アイコンのグリフクラスです。好きなFont Awesomeアイコンを指定できます。
　menu-class：メニュー項目自体に割り当てられたCSSクラスです。これを使って、メニュー項目にCSSスタイルを適用したり、
　　 　　　　　JavaScriptのコード内でメニューアイテムを参照したりするのに使用できます。コードで指定します。
　".class>.ibx_menu_item"：パネルメニューのリフレッシュボタンのセレクターです。
　　　　　　　　　　　　　　クラスは、クラスプロパティを使用してパネルに割り当てられます。
　true：beforeプロパティの値がtrueに設定されている場合、メニュー項目は兄弟要素の前に配置されます。
　　　　この場合、メニューアイテムは兄弟要素の前に配置されます（ここではリフレッシュオプション）。
　　　　そうでない場合は、メニュー項目は兄弟要素の後に後に配置されます。
　　　　兄弟要素が指定されていない場合は、メニューの最後に配置されます。

menu1.addEventListener("click", function(){window.open("http://localhost:8080/ibi_apps/run.bip? 
       BIP_REQUEST_TYPE=BIP_LAUNCH&BIP_folder=IBFS%253A%252FWFC%252FRepository%252Ftest&BIP_item=graph1.fex");
	});

　menu1：メニュー項目に割り当てた変数名です。
　サンプルではメニューアイテムの詳細グラフがクリックされたときに、URLコールを介してgraph1.fexを新しいウィンドウで実行しています。