ホーム » 操作マニュアル » フォーム設定_iQ CMSフォーム » 各種設定方法 » フォームのサイズを変更するには

フォームのサイズを変更するには


サイズの設定によって、フォームが画面からはみ出してしまうことがあります。
例)

 

フォーム全体がホームページからはみ出してしまう場合の対処法は2つあります。

  • フォームを表示する部分の幅を設定する
    フォームを表示する部分の幅を「100%」に設定することで、その部分にフォームが収まるようになります。
    設定はiQ CMSフォームのパソコン用テンプレート画面で行います。


  • フォームの外枠のサイズを設定する
    フォームの外枠の高さ・幅を画面内に収まる値に設定することで、フォームが画面に収まるようになります。
    設定はiQ CMS管理画面で行います。


それぞれの設定方法について説明します。

フォームの表示幅の設定方法

パソコン用テンプレートでフォーム全体を表示する幅を設定します。

  1. iQ CMSフォーム管理画面を開きます。
  2. [ テンプレート>PC ] を選択し、パソコン用テンプレート画面を開きます。

  3. パソコン用テンプレート画面にて、「レイアウト」の「/head」の上に以下のテキストを貼り付けてください。

    <style type="text/css">

    div#container{

    width:100%;

    }

    </style>

     

  4. 「保存する」をクリックしてレイアウトを保存します。
  5. これで、フォームが画面内に収まって表示されるようになりました。

    【設定後のプレビュー画面】

※フォーム幅を任意のサイズに変更したい場合はテンプレートから「PC」で設定したスタイルの「100%」を「50px」などに変更して下さい

 

フォームの外枠のサイズ設定方法

iQ CMS管理画面でフォームの外枠のサイズを設定します。

 

フォームは、iQ CMS管理画面のフォームを設置したい場所に以下のコードを設定すると挿入出来ます。
[[CMSSmileConnectContact?&url=`*****`]]
*****部分はiQ CMSフォームのフォームURL

これに高さと横幅を設定することで、フォームの外枠のサイズを設定出来ます。

 

[[CMSSmileConnectContact?&url=`*****`&height=`800px`&width=`900px`]]

アドレスの後の「 ` 」と「 ]] 」の間に&height=`800px`&width=`900px`を追加し、保存して下さい。

【高さ】&height=`800px`
【横幅】&width=`900px` 

※「px」の前の数字は一例です。webサイトに合わせて変更して下さい。

 

適切な幅と高さに設定すると、下図のようにスクロールバーがなくなりフォームの全体が表示されます。

お問合せ

iQ CMSサポートの電話番号

iQ CMSサポートの無料資料請求

iQ CMSサポートのお問い合わせ