ファビコンタグの設定
この手順については、コミュニティメンバーのJorge Almeida氏にご協力いただきました。
OutSystemsのデフォルトでは、OutSystemsロゴがファビコンとしてWebアプリケーションに表示されます。これを変更してWebアプリケーションにカスタムファビコンを設定するにはどのようにすればよいですか?
回答
WebアプリケーションがSILK UIテンプレートを使用している場合は、[Data]タブ内のResourcesフォルダに移動し、favicon.ico
を右クリックし、[Replace Resource...]をクリックして、カスタムファビコンを選択します。忘れずにアプリケーションを再パブリッシュします。
WebアプリケーションがSILK UIテンプレートを使用していない場合は、以下の手順を実行してカスタムファビコンを使用します。
-
HTTPRequestHandlerエクステンションのAddFaviconTagアクションをアプリケーションの依存関係として追加します。
-
[Interface]タブに移動し、Imagesフォルダを右クリックし、[Import Image...]をクリックして、カスタムファビコンを選択します。
.ico画像を使用する場合、[Import Image...]ウィンドウのリストには表示されません。対策としては、画像がある場所に移動し、[File name]フィールドにファイル名(
favicon.ico
など)を手動で入力するか貼り付けて、[Open]を押します。 -
アプリケーションのすべての画面で同じファビコンを使用するには、Menu WebブロックのPreparation内にAddFaviconTagアクションを含めます。
IconFilename
を「"/<メニューモジュール>/img/<ファビコン>.<ファイルタイプ>"
」に設定します。ここで、
<メニューモジュール>
はMenu Webブロックが含まれるモジュールで、<ファビコン>.<ファイルタイプ>
はカスタムファビコンのファイル名と拡張子です。ここでは、MenuモジュールはTest
、カスタムファビコン名はcustomfavicon.png
であるため、IconFilename
は"/Test/img/customfavicon.png"になります。
Menu WebブロックのPreparation内でAddFaviconTagアクションを呼び出すと、Menu Webブロックが使用されているすべてのWeb画面のファビコンが変更されます。特定の画面内でのみカスタムファビコンを使用する場合は、該当する画面のPreparation内でのみAddFaviconTagアクションを呼び出します。
これらの手順の後、Webアプリケーションでは新しいファビコンが使用されるようになります。