ボタン・テーブル

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

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