リアクティブWebアプリでのファビコンの設定
この手順は、リアクティブWebアプリにのみ適用されます。
デフォルトでは、OutSystemsのリアクティブアプリはOutSystemsロゴをファビコンとして使用します。デフォルトのファビコンはfavicon.pngという名前で、[Data]タブのResourcesにあります。
PNG画像をファビコンとして使用する
リアクティブWebアプリでファビコンを他のPNG画像に変更するには、以下の手順を実行します。
-
[Data]タブのResourcesで、favicon.pngを右クリックして[Change Resource]を選択します。
-
[Change Resource]で、新しいファビコンのPNG画像を選択します。
モジュールをパブリッシュしてからアプリをテストし、新しいファビコンが表示されることを確認します。
ICO画像をファビコンとして使用する
リアクティブWebアプリでファビコンを他のICO画像に変更するには、以下の手順を実行します。
-
[Data]タブのResourcesで、favicon.pngを選択してNameを「
favicon.ico
」に変更します。 -
favicon.icoを右クリックして[Change Resource]を選択します。
-
[Change Resource]で、新しいファビコンのICO画像を選択します。
-
[Search]で、「
favicon.png
」と入力して[Search in this Module]を選択します。アプリを作成した直後の場合は、該当する4つのfavicon.pngが['favicon.png' occurrences in Module]検索タブに表示されます。これらはすべてAddFaviconアクションが異なります。
-
['favicon.png' occurrences in Module]検索タブで、[REPLACE ALL OCCURRENCES]を選択します。
-
「
favicon.ico
」と入力して[OK]を選択します。
モジュールをパブリッシュしてからアプリをテストし、新しいファビコンが表示されることを確認します。
トラブルシューティング
アプリをテストしたときに新しいファビコンが表示されない場合、古いファビコンがキャッシュ内に残っていることが原因である可能性があります。Chromeでアプリをテストしているときは、アプリが表示されているタブを右クリックして[Reload]を選択してください。