IM-FormaDesignerにてブラウザのツールバーに任意のタイトルを設定する方法

投稿日：2019-12-02

このCookBookでは、IM-FormaDesignerにてブラウザーのツールバーに任意のタイトルを設定する方法について紹介しています。
設定方法は下記の２パターンです。

ツールキットより「スクリプト」アイテムを選択、配置してください。
「フォーム編集画面」－「ツールキット」－「汎用アイテム」－「スクリプト」

「スクリプト」に以下のような設定を行うことで、任意のタイトルを設定できます。
以下のコードは一例です。指定したいタイトルをdocument.titleの値に設定してください。

//任意のタイトルを設定するスクリプト
document.title = '任意のタイトル名';

1 2	//任意のタイトルを設定するスクリプト document.title = '任意のタイトル名';

//ヘッダー名をタイトルに設定したい場合のスクリプト
document.title = document.querySelector(".imui-title > h1").innerText;

1 2	//ヘッダー名をタイトルに設定したい場合のスクリプト document.title = document.querySelector(".imui-title > h1").innerText;

初期表示イベントで、「追加」を選択して、アクション「カスタムスクリプト」を選択してください。
「フォーム編集画面」－「アクション設定」－「初期表示イベント」－「追加」－「カスタムスクリプト」

「編集」アイコンをクリックすると、スクリプトを作成できます。
「スクリプト」に以下のような設定を行うことで、任意のタイトルを設定できます。
以下のコードは一例です。指定したいタイトルをdocument.titleの値に設定してください。

//任意のタイトルを設定するスクリプト
document.title = '任意のタイトル名';

1 2	//任意のタイトルを設定するスクリプト document.title = '任意のタイトル名';

//ヘッダー名をタイトルに設定したい場合のスクリプト
document.title = document.querySelector(".imui-title > h1").innerText;

1 2	//ヘッダー名をタイトルに設定したい場合のスクリプト document.title = document.querySelector(".imui-title > h1").innerText;

以上で、ブラウザーのツールバーに任意のタイトルを設定できるようになりました。