コンテンツにスキップ
「プリザンター入門」発売中!

入力フォームの幅を任意の長さにしたい

回答

スタイルを使用してください。


概要

入力フォームの幅を任意の値にしたいときはスタイルを設定します。以下は記録テーブルにおける分類A項目のフォーム幅を450pxにするサンプルです。

操作方法

  1. 対象のテーブルを開きます。
  2. 管理→テーブルの管理をクリックします。
  3. スタイルタブを開きます。
  4. 新規作成ボタンをクリックし、ダイアログを表示します。
  5. タイトルに「分類A項目のフォーム幅の変更」等の任意のタイトルを入力します。
  6. スタイル欄に以下のスタイルを入力します(記録テーブルの際は#Results_〇〇、期限付きテーブルの際は#Issues_〇〇としてください)。
  7. 出力先の「全て」のチェックを外し、上記のスタイルを適用したい画面にチェックします。
  8. ダイアログの変更ボタンをクリックします。
  9. 画面下部の更新ボタンをクリックします。
  10. 対象テーブルを開き、上記のスタイルが適用されていることを確認します。

※上記は分類A項目の例を挙げましたが、それぞれの項目における指定方法を以下に示します。

・分類A~分類Z→ClassA~ClassZ
・数値A~数値Z→NumA~NumZ
・日付A~日付Z→DateA~DateZ

サンプルコード

1. 記録テーブルにて、分類A項目の入力フォームの幅を450pxにする

CSS
#Results_ClassA{
    width:450px;
}

2. 記録テーブルにて、数値C項目の入力フォームの幅を500pxにするスタイル

CSS
#Results_NumC{
   width:500px;
}

3. 期限付きテーブルにて、日付B項目の入力フォームの幅を150pxにするスタイル

CSS
#Issues_DateB{
    width:150px;
}

関連情報