デザインコンポーネントは、以下の各テンプレート管理画面から管理することができます。

• ページテンプレート
• ウィジェットテンプレート
• ダッシュボードテンプレート

デザインコンポーネントの管理画面は、ベースエレメント項目の直上にあり、現在定義されているデザインコンポーネントが一覧表示されます。（下図、オレンジの領域）

新しいデザインコンポーネントを追加するには、デザインコンポーネント管理画面上部のをクリックしてください。
デザインコンポーネント追加画面が開きます。

名前	デザインコンポーネントに付ける名前を入力してください。
ベースエレメント	デザインコンポーネントの基礎となる、ベースエレメントを選択してください。
CSSエレメント	デザインコンポーネントに適用するCSSエレメントにチェックを入れてください。（複数選択可）
JavaScriptエレメント	デザインコンポーネントに適用するJavaScriptエレメントにチェックを入れてください。（複数選択可）

入力が終わったら、画面下部の「保存」をクリックし、内容を保存してください。

デザインコンポーネント一覧より、編集したいデザインコンポーネントを選び、をクリックしてください。

デザインコンポーネントの編集画面が開きます。
編集画面は、デザインコンポーネント追加画面と同様です。

編集が終わったら、画面下部の「保存する」をクリックし、内容を保存してください。

デザインコンポーネント一覧より、削除したいデザインコンポーネントを選び、をクリックしてください。

確認ダイアログが表示されます。
本当に削除する場合は「OK」を、やめる場合は「キャンセル」をクリックしてください。

特定のデザインコンポーネントを、デフォルトで使用するテンプレートとして設定することができます。

デザインコンポーネント一覧より、デフォルトに設定したいデザインコンポーネントを選び、「デフォルト」をクリックしてください。

確認ダイアログが表示されます。
デフォルトに指定する場合は「OK」を、やめる場合は「キャンセル」をクリックしてください。

デフォルト設定を解除する場合は、もう一度「デフォルト」をクリックしてください。