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

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

「スクリプト」アイテムを使用する方法

「アクション設定」の初期表示イベントを使用する方法

レシピ（「スクリプト」アイテムを使用する方法）

1. 「スクリプト」アイテムを配置する
2. スクリプトを設定する

1. 「スクリプト」アイテムを配置する

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

2. スクリプトを設定する

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

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

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

レシピ（「アクション設定」の初期表示イベントを使用する方法）

1. 「一覧に戻る」ボタンと「スクリプト」を配置する
2. スクリプトを設定する

1. 「一覧に戻る」ボタン・「スクリプト」を配置する

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

2. スクリプトを設定する

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

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

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

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