スタイルの編集

<< Click to Display Table of Contents >>

マニュアル > 監視システム構築ガイド > プロジェクトの作成 > 標準プロジェクトの作成 > 標準プロジェクトのシステム設定 > レイアウトとメニューの編集(スタイル設定) >

スタイルの編集

スタイルの編集

標準プロジェクトには「スタイル」という考え方があります。プロジェクトには複数のスタイルを登録することが可能となっており、レイアウトやメニューの設定はスタイル毎に行うことができます。また、スタイルの設定に画面の表示幅を追加することにより、画面の表示サイズに応じて自動的に設定を切り替える事ができるようになります。たとえば、PC画面での表示ではサイドメニューを表示し、タブレットなどの小さい画面に表示する際はフッターのアイコンボタンのみを表示するように切り替える等、サイズに応じて動的に切り替えることができます。

 

スタイルの編集を行うには、スタイル設定タブから以下のボタンをクリックします。

 

p_prj_0102

 

 

 

 

 

 

すると、スタイル設定ダイアログがポップアップ表示されます。

 

(スタイル設定ダイアログ)

p_prj_0103

 

 

スタイル名は、左記から直接編集することができます。

 

 

 

 

 

p_prj_0104

 

 

新しいスタイルを追加するには、左記の「+」ボタンをクリックします。

 

 

 

 

すると、以下のように新しいスタイルが追加されます。

 

p_prj_0105

スタイルが追加されると、システム設定画面のコンボボックスから選択できるようになります。

 

p_prj_0107

 

p_prj_0106

 

 

スタイルを削除するには、削除したいスタイルの「ー」ボタンをクリックします。

 

 

 

 

p_prj_0108

 

適用サイズを追加すると、画面の表示幅に応じて、スタイルの表示切り替えを自動的に行うことができるようになります。

サイズを追加する場合は、左記の「+」ボタンをクリックします。

 

 

 

 

すると、以下のように適用サイズの条件が追加されます。

 

p_prj_0109

 

 

 

左記の入力枠に、表示設定を自動的に切り替える画面幅をピクセル単位で指定します。

尚、続けて「+」ボタンをクリックすると、複数の条件を登録することができます。

 

 

 

 

以下は、複数の条件を追加した例です。

 

p_prj_0110

適用サイズが追加されると、システム設定画面のコンボボックスから選択できるようになります。

 

p_prj_0111