ログインページと配信ページをカスタマイズしたい

クライアントがサーバーに接続したときに表示されるログインページをカスタマイズすることができます。

MEMO: ログインページはセキュリティが無効の場合、表示されません。クライアントがサーバーに接続すると直接配信ページが表示されます。

 

ログインページレイアウト

ログインページのタイトル、スローガン、ノード名、ヘッダー画像、およびフッター画像をカスタマイズすることができます。

  1. [ヘッダー画像の表示] チェックボックスにチェックを入れ、画像を [ヘッダー画像] に設定します。[ヘッダー画像] が未設定の場合、デフォルトの画像が表示されます。
  2. [ノード名] で設定します。
  3. [タイトル] で設定します。
  4. [スローガン] で設定します。
  5. [フッター画像の表示] チェックボックスにチェックを入れ、画像を [フッター画像] に設定します。[フッター画像] が未設定の場合、デフォルトの画像が表示されます。

設定

  1. プロジェクトエクスプローラーウィンドウの [システム設定] に移動し、[Target01] をクリックします。
  2. プロパティウィンドウで、[詳細] タブを クリックし [データアクセス] タブをクリックします。
  3. [Web 機能設定] ➞ [Web Viewer 設定] ➞ [ページレイアウト] で次のプロパティを設定します。
    プロパティプロパティ

    [ヘッダー画像の表示]

    チェックボックスにチェックを入れると、[ヘッダー画像] プロパティで選択された画像、またはデフォルトの画像 ([ヘッダー画像] プロパティで画像が設定されていない場合) を表示します。

    [ヘッダー画像]

    [...] をクリックして、Web Viewer ログインぺージのヘッダーに表示させる png 画像ファイルを選択します。

    画像は 1 MB 未満にしてください。画像を挿入すると、画像の縦横比 (幅と高さの比率) が保持されたままヘッダーに合うように挿入されます。

    画像が選択されていない場合は、デフォルトの画像がヘッダーに使用されます。

    [ノード名]

    Web Viewer ログインページに表示させるサーバーの名前を入力します。ヘッダーの下にノード名が表示されます。

    [ノード名] を空白にするとログインページでその部分が折りたたまれます。

    ノード名はウェブブラウザーのタイトルバーの一部として使用されます。

    [タイトル]

    Web Viewer ログインページに表示させるタイトルを入力します。

    [タイトル] を空白にするとログインページでその部分が折りたたまれます。

    タイトルはウェブブラウザーのタイトルバーの一部として使用されます。

    [スローガン]

    Web Viewer ログインページのタイトルの下に表示させるスローガンを入力します。

    3 行までのテキストを表示することができます。3 行を超えるものは、(...) が表示され切り捨てられます。

    [スローガン] を空白にするとログインページでその部分が折りたたまれます。

    [フッター画像の表示]

    チェックボックスにチェックを入れると、[フッター画像] プロパティで選択された画像、またはデフォルトの画像 ([フッター画像] プロパティで画像が設定されていない場合) を表示します。

    [フッター画像]

    [...] をクリックして、Web Viewer ログインぺージのフッターに表示させる png 画像ファイルを選択します。

    画像は 1 MB 未満にしてください。画像を挿入すると、画像の縦横比 (幅と高さの比率) が保持されたままフッターに合うように挿入されます。

    画像が選択されていない場合は、デフォルトの画像がフッターに使用されます。

テーマ配色設定

ログインページと配信ページのテーマ配色設定をカスタマイズすることができます。

ログインページ

配信ページ

  1. [プライマリー] で設定します。
  2. [プライマリーバリアント]で設定します。
  3. [エラー] で設定します。
  4. [テキスト] で設定します。

    MEMO: ボタンの背景色や文字列の色など特定の色を指定することはできません。[プライマリー] と [プライマリーバリアント] に選択された色を基づいて適切な色が適用されます。

設定

  1. プロジェクトエクスプローラーウィンドウの [システム設定] に移動し、[Target01] をクリックします。
  2. プロパティウィンドウで、[詳細] タブを クリックし [データアクセス] タブをクリックします。
  3. [Web Viewer 設定] ➞ [テーマ] ➞ [メインカラー] および [機能カラー] で次のプロパティを設定します。
    プロパティプロパティ

    [プライマリー]

    Web Viewer インターフェイスのタイトル、ボタン、ヘッダー用のテーマ配色のパレットカラープロパティです。

    [プライマリーバリアント]

    Web Viewer ログインページのヘッダー下部に影を付けるテーマ配色のパレットカラープロパティです。

    [エラー]

    Web Viewer インターフェイスのエラーのテーマ配色のパレットカラープロパティです。

    [文字列]

    Web Viewer インターフェイスのテキストのテーマ配色のパレットカラープロパティです。