ボタン・テーブル

ボタン・テーブル・ウィジェットは、垂直方向に並んでいる HTML ボタンのテーブルのレンダリングを担当します。

このウィジェットは、以下のコンポーネントが提供するデータをレンダリングします。
次の図に、変換においてファンクション・キー・コンポーネントの例のデータを入力として使用するボタン・テーブル・ウィジェットの表示例を示します。
図 1. ボタン・テーブル・ウィジェットの例
ボタン・テーブル・ウィジェットの例
  1. 1 行あたりの列数 (2)
  2. 表題
以下の設定が、このウィジェットに対して構成できます。
1 行あたりの列数
次の行に折り返されるまでに、水平方向に表示されるボタンの数です。
注:
  1. この設定はデフォルト・レンダリングでは適用されません。
  2. ウィジェットのプレビューが全ページのプレビューと一致しない場合があります。これは、ウィジェットのプレビューが単にコンポーネントの出力をレンダリングしていることによります。ウィジェットのプレビューは、全ページのプレビューで行われているように、レンダリングしたときに画面の配置を保存しようとはしません。
ボタンのスタイル・クラス
オプション。生成される各ボタンに関連する CSS スタイル・クラスです。HTML ボタン・タグの class 属性の値には、この値がセットされます。デフォルト値は HATSBUTTON です。詳しくは、「スタイル・シートの使用」を参照してください。
表題のスタイル・クラス
オプション。(生成されるボタンの右側の) 各項目の説明に関連する CSS スタイル・クラスです。デフォルト値は HATSCAPTION です。詳しくは、「スタイル・シートの使用」を参照してください。
テーブルのスタイル・クラス
オプション。生成されるテーブルに関連する CSS スタイル・クラスです。HTML テーブル・タグの class 属性の値には、この値がセットされます。デフォルトは HATSTABLE です。詳しくは、「スタイル・シートの使用」を参照してください。
スタイル
オプション。オーバーライドする任意の CSS プロパティー。例えばこのフィールドで、フォントの色: 赤色、フォントサイズ: 18pt に指定して、このウィジェットのフォントの色とサイズを変更できます。入力したプロパティーは、このウィジェットの各エレメントに適用されます。スタイル・プロパティー・ダイアログを表示するには、このフィールドの横にあるランチャー・ボタンを使用します。このダイアログでは、CSS の知識がなくてもウィジェットのフォント、色、その他のスタイル設定を変更することができます。詳しくは、「スタイル・シートの使用」を参照してください。