ワイメール 公式オンラインヘルプ

  • フォントサイズを大きくする
  • デフォルトフォントサイズ
  • フォントサイズを小さく
Home フォーム関連 自動出力フォームなどの項目名と入力欄を横並びにさせない

自動出力フォームなどの項目名と入力欄を横並びにさせない

Eメール 印刷 PDF

※当解説は、ワイメールVer1.70の時点での解説です。今後のバージョンアップなどにより、デザインやHTML、CSSの構成などが変更になる場合があります。その場合は現時点での構成に読み替えてご利用ください。

 

ワイメールで自動出力されるされるフォームや確認画面などは、初期状態ではフォームの項目名とその入力欄が、横並びで表示されます。

 

これを縦長の携帯電話の画面などで表示した場合、項目名が長いと、縦に文字が伸びてしまい、見にくくなる場合があります。

こういった場合は、項目名と入力欄を横並びさせず、縦に並ぶようにCSSを修正することで、フューチャ―フォンなどの縦長の小さな画面でも、見やすく表示させることができます。

 

CSSを修正するには、設定メニューから「デフォルト表示設定」を選択します。

登録/解除フォームの自動出力を修正するには、「登録/解除フォーム出力」の「編集」をクリックします。

ソース内の、.ms_form_body table.ms_form_table td.item{...}間と、.ms_form_body table.ms_form_table td.cont{...}間に、「display:block;」を追記し、保存ます。

フィーチャーフォン、スマートフォン用のソースについても、必要に応じて同じように修正を行ってください。

 

 

登録確認画面の自動出力を修正するには、「読者登録の確認」の「編集」をクリックします。

ソース内の、table.regi_info td.item{...}間と、table.regi_info td.cont{...}間に、「display:block;」を追記し、保存ます。

フィーチャーフォン、スマートフォン用のソースについても、必要に応じて同じように修正を行ってください。

 

 

以上で、登録/解除フォームと登録確認画面の、項目名と入力欄が縦並びで表示されるようになります。

 

その他の自動出力表示(読者情報変更フォームやその確認画面など)を修正する場合も、上記を参考にCSSの修正を行ってください。

 

最終更新 2016年 12月 07日(水曜日) 18:00