XOOPS Cubeで使えるTPメールフォームを先日発表しました。TPメールフォームはドラッグ＆ドロップで簡単に項目の追加ができ、簡単にメールフォームやアンケートを作成することができます。

ダウンロードからインストールまで

ダウンロードはここから
http://ryus.co.jp/modules/d3downloads/index.php?page=singlefile&cid=3&lid=94


tpMailform.zipというファイルがダウンロードされるので任意の場所に保存してください。


解凍すると　tpMailform　というフォルダに

js
modules
preload

というフォルダができるのでこれを丸ごとルートディレクトリにコピーします。

管理画面　モジュールのインストール　で　mailformをインストールします。

企業サイトによくあるお問い合わせを作ってみる

インストールが終わったらメールフォームを作ってみましょう！

コーポレートサイトなどに良くあるお問い合わせを作ってみます。

会社名
氏名
メールアドレス
お問い合わせ区分（見積もり、連絡、その他）
メッセージ

会社名は任意入力項目、それ以外を必須としてみます。


http://XOOPS CubeのURL/modules/mailform/

にアクセスします。



フォーム新規作成

をクリックします。




フォームタイトルをいれる部分に　お問い合わせ　と入力し、確認画面に進み登録します。



登録が終わると自動的に一覧画面に移動します。

今作成したお問い合わせがあります。ので画面設定をクリックします




基本的に使いそうな項目がデフォルトで設定されています。
足りない項目　お問い合わせ区分　会社名　を追加します

項目を追加するには追加したい位置の1行上の項目でクリックし　行を追加する　をクリックします



メールアドレスの下に一行追加されました



ここで新しい行の項目名を　お問い合わせ区分　とします。名称未設定（任意）　とあるところをクリックします



テキストエリアに変わるのでここに「お問い合わせ区分」といれます




お問い合わせ区分は必須にしたいのでこの項目の　（任意）　をクリックすると（必須）に変わります。




次は入力部分を作ります。ラジオボタンにしたいので右側にあるパレットの　ラジオ　をクリックしてドラッグします。





選択肢を設定します

ラジオボタンのところでクリックすると一覧が出ますので　入力欄設定　をクリックします



入力欄設定画面がポップアップされます




選択肢を入力します。初期値は今回は付けないので空欄にしておきます




元画面に戻っても今入力した選択肢が表示されませんが、後ほど確認できますのでここはこのまま進んでください。




次に会社名項目を設定します。ここでは行の移動をお見せしたいのであえて最後に追加します。お問い合わせ内容をクリックして先ほどと同じように会社名をいれます




パレットの　テキストボックス　からドラッグします。会社名の入力欄の下に説明をいれてみます。テキストボックスの下をクリックして、「＊法人の場合はご入力ください」といれてます





あとはこの会社名行をお名前の上に移動します。行の右にある　移動する　ボタンをクリックして移動したい位置までドラッグします




これで全ての項目が終わったので　[画面設定を保存する]　をクリックします。




先ほどは表示されなかったお問い合わせ区分の選択肢も出ていることがわかります。

作ったメールフォームを公開する

公開する前にメールアドレスの設定を確認します。

http://XOOPS CubeサイトのURL/modules/mailform/index.php?controller=form_list

に戻り　基本設定　をクリックします。







内容を確認して修正したい部分があれば修正します。

一覧に戻ります

公開したいと思いますので一覧の　お問い合わせ行　の状況　未公開　をクリックします




[フォームの受付を開始する]をクリックします。

受付を開始するとフォームの修正はできませんので、確認が終わっていればここでもう一度、[フォームの受付を開始する]をクリックします。





これでフォームを作成することができました。