DesignerページをJavaScriptでカスタマイズする方法

2024年3月23日テクニカルメモ

WebFOCUSのDesignerで作成するポータルのページでは、JavaScriptCSSを組み込むことでカスタマイズを実装可能です。

例えば、画面の右上に表示されるツールボタンのような形でオリジナルのボタンを追加して、そのボタンをクリックするといった簡単な操作で、実行しているユーザー自身がDesignerページを編集しなくても画面上にグラフやレポートを追加するといったことができるようになります。

DesignerページをカスタマイズするJavaScriptのコーディング例と実装手順につきましては、以下資料で詳しく紹介しています。

【サンプルから学ぶ】DesignerにおけるJavaScript

上記資料は現在(2023年5月)にリリースされていない最新版で動作確認をしておりますが、リリース済みの最新版(v9.0.4)でも動作します。

また、実装サンプルもご用意していますので、ぜひダウンロードして動作させてみてください。

originalMyPagePortalについて

サンプル画面イメージはこちら

サンプルコンテンツの利用における注意事項

株式会社アシストおよび開発元メーカーは、本サンプルコンテンツの動作に関していかなる保証もいたしません。
また、本サンプルコンテンツの利用によって起因する問題についても責任を負いかねます。
本サンプルコンテンツに記載の技術情報およびプログラムは、特定の環境下において動作し、初期動作のみ確認をしております。
すべての個別環境にて動作することを想定していませんので、実装する実環境において、十分な動作確認をいただくことを推奨します。
また、システム環境の設定変更や導入製品のバージョンアップを実施した場合などの非互換については考慮されていません。
初期動作確認後、システム環境変更後の動作については、保証いたしませんので、ご了承ください。
サンプルコンテンツに含まれるプログラムなどの改変は、自由に実施していただいて問題ありませんが、新規要件やバグ修正などが発生した場合には、ご利用者様の責任範囲内での修正を実施いただくようお願いします。
サンプルコンテンツに含まれる、JavaScript,CSS,HTML,バッチファイル、シェルスクリプトなど、WebFOCUS製品サポートに関わらない箇所に関してのお問い合わせは、株式会社アシストの技術者、サポートセンターおよび開発元メーカーで受け付けることができません。WebFOCUSの動作に関するお問い合わせに限らせていただきます。