メニューバーウィジェットのスタイル設定
スタイルテーマエディタを使用して、アプリケーションおよびマッシュアップの残りの部分と一貫したスタイルにメニューバーウィジェットをカスタマイズします。
次の方法でウィジェットのスタイルを設定できます。
• 「スタイルプロパティ」パネルを使用する。
• マッシュアップスタイルテーマの「スタイル」タブにあるスタイルエディタを使用する。
スタイルテーマに適用した変更は、そのスタイルテーマを使用しているすべてのマッシュアップに適用されます。マッシュアップスタイルテーマを使用してメニューバーのスタイルを設定するには、次の操作を行います。
1. Composer で、現在のマッシュアップスタイルテーマを開いて編集します。
2. 「スタイル」タブの「エレメント」で、「ナビゲーション」を展開してから「メニュー」を展開します。
3. 「ベース」、「マウスポインタを合わせる」、「押している」の 3 つの状態での背景とテキストスタイルの設定を編集します。
 |
Theme Preview マッシュアップの「ナビゲーション」タブで、メニューバーウィジェットに対する変更をプレビューできます。
|
4. 「保存」をクリックして、スタイルテーマに対する変更を保存します。
単一のメニューバーウィジェットのスタイルを設定するには、次の操作を行います。
1. Mashup Builder で、メニューバーウィジェットをキャンバス上で選択するか、「エクスプローラ」パネルを使用して選択します。
2. 「スタイルプロパティ」パネルで、「ベース」状態を展開します。ウィジェットの各部分がリストされます。
3. ヘッダー、アコーディオン、ハンドルなどの任意の部分を展開し、使用可能なスタイルプロパティを編集します。選択したウィジェットに変更が適用されます。
4. 「保存」をクリックして、マッシュアップに対する変更を保存します。