Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

基本のメニュー・アイテムには、太字テキストとCSS表示値“block”以外は特別なフォーマットはありません。使用しているレイアウトとテーマによっては、これを大幅に変更することが可能です。Visual LANSA V12 SP1以前に提供されているデフォルト値のレイアウトには3つのテーマ、default、royal、grassがあります。

Image Modified

Image Modified

Image Modified

Default

Royal

Grass


jQuery UIテーマの新しいレイアウトを使用している場合は、useJQueryUIThemeプロパティにtrueを設定することで、クリック可能項目の標準テーマの外観をメニュー・アイテムに取り入れることができます。

Image Modified

Image Modified

Image Modified

Cupertino

Smoothness

Pepper Grinder


テーマに何も適用されていない、またはuseJqueryUIThemeプロパティにfalseが設定されている場合は、メニュー・アイテムは枠線のない白いボックス内に太字のテキストで表示されます。

この基本となるHTML構造は次のようになります。

<a class="std_menu" id="webletName">
  <span class="std_menu_span1">
    <span class="std_menu_span2">
      Sample Menu Item
    </span>
  </span>
</a>

...

a.std_menu, a.std_menu_selected {
  background-image:url('icon.png') no-repeat left center;
  padding-left:32px;
}

イメージの半分2つを各スパンに適用し、“イメージの半分2つを各スパンに適用し、"sliding doors” テクニックとして知られる方法を使って、更に複雑な”自動調整の”背景イメージを作成することもできます。" テクニックとして知られる方法を使って、更に複雑な”自動調整の”背景イメージを作成することもできます。