6.3.4.4. ボタン¶

• ボタンサイズ

  ボタンサイズの基本は「大」とします。

• ボタン配置

• 画面下部の中央配置とします。

  CSS Module List のボタン配置エリア「.imui-operation-parts」 と組み合わせると、簡単に配置できます。

  下記の HTML ソースを参照してください。

  1 2 3

  <div class="imui-operation-parts"> <imart type="imuiButton" value="登録" class="imui-large-button" /> </div>

  1 2 3 4

  <div class="imui-operation-parts"> <imart type="imuiButton" value="更新" class="imui-large-button" /> <imart type="imuiButton" value="削除" class="imui-large-button" /> </div>

• 連続登録が可能な登録画面は、左から 登録ボタン、連続登録ボタン とします。
• 編集画面の配置順番は、左から 更新ボタン、削除ボタン とします。

本章は、ボタンについての説明ですが、本項に関しては関連する文字リンクなどもあわせて説明します。

• 入力補助画面を呼出し方法

  ボタン、文字リンク、アイコン、アイコン＋文字リンクいずれかを使用します。
• ボタンの場合

  

  • ボタンサイズの基本は「 通常 」とします。
  • 配置はテキストボックス等入力フォーム部品右隣とします。
• 文字リンクの場合

  配置はテキストボックス等入力フォーム部品右隣とします。
• アイコンの場合
  • 配置はテキストボックス等入力フォーム部品右隣とします。
  • アイコンのみの処理ボタンの場合、title 属性を必ず指定 します。

    （ユーザビリティ向上のため。画像のみに意味を持たせないようにしてください。）
• アイコン＋文字リンクの場合
  • 配置はテキストボックス等入力フォーム部品右隣とします。
  • 左からアイコン、文字リンクの順に並べます。