開発情報・ナレッジ ver.2 middle

キャンペーン応募アプリ サイト設計・構築

キャンペーンを実施しようとした際に応募フォームのデザインはリッチにしたい、LPページを併せて作成したいという要望が多いのではないでしょうか。 SPIRAL ver.2ではデザイン作成時のソース設定はもちろんのこと、実はLPページのような静的なWebページの作成もできます。 「キャンペ

開発情報・ナレッジ ver.2 middle

登録フォームブロックのインプットタグ解説

登録フォームブロックのインプットタグ部分の構造や役割を解説いたします。 フォームブロック全体のソースについては「登録フォームブロックのソース解説」を、 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 ソース内

開発情報・ナレッジ ver.2 middle

登録フォームブロックのソース解説

登録フォームブロックのソースの構造や役割を解説いたします。 入力部分のタグについては「登録フォームブロックのインプットタグ解説」をご覧ください。 ソース設定に切り替える前に 一度ソース設定にしたフォームブロックをビジュアル設定に変更することはできません。 ビジュアル設定である程度フォームのレ

開発情報・ナレッジ ver.2 middle

ブラウザのJavaScript が無効時に画面操作させない強化ガジェット

ブラウザ側で JavaScript が無効化されている場合、 サイトに JavaScript による制御を入れても当然動作しません。 意図せず無効になっている場合、正しくデータが登録されずに後続の処理に影響が出てくる可能性もあります。 今回、JavaSc

クエスチョンボード ver.1 middle

電話番号のフィールドを1つのテキストボックスで表示できますか?

電話番号のフィールドを3つのテキストボックスでなく、1つのテキストボックスで表示させることはできますか? 「電話番号」に該当するinputタグを編集していただければ、可能です。 [修正前] <input type="text" name="******:a" value="$******:a$" maxlength="6&

開発情報・ナレッジ ver.1 middle

[フォームカスタマイズ vol.3]マトリクス形式の回答欄を作成する

マトリクス形式の選択フォームの作成方法をご案内しまし。 この形式は、同じ回答項目を持つ質問に対して有効です。 繰り返しの文章などが省かれ図形化されるので、回答がしやすくなります。 コツを掴めば、スパイラル®のフォームでも簡単に設定できます。 DEMOは、こ

開発情報・ナレッジ ver.1 middle

[フォームカスタマイズ vol.2]“その他”の項目に入力欄を追加する

[ 2022.04.26 ] カスタマイズ後のソースにエラーメッセージ出力用のタグを追加 ラジオボタン形式のセレクトフォームを設定して、“その他”の項目を設けた時に記述式の入力フォームを追加する方法をご案内します。 DEMOは、こちら ※Q2を参照くださ

開発情報・ナレッジ ver.1 middle

[フォームカスタマイズ vol.4]星型のレーティング形式の回答欄を作成する

vol.4では、星型レーティングの表示方法についてご紹介していきます。 DEMOは、こちら ※Q4を参照ください。 データベースの設定 データベースはマルチセレクトを選択します。 そして各フィールドのラベルは、評価内容を設定します。 今回のレーティ

開発情報・ナレッジ ver.1 middle

[フォームカスタマイズ vol.7]同意ボタンのチェックで送信ボタンを有効化させる

個人情報の取り扱いに関する同意ボタンをチェックした後、JavaScriptで送信ボタンを有効化させる方法をご紹介します。 DEMOは、こちら “個人情報利用目的について”を参照ください。 HTMLの設定 データベースは、択一のセレクト(ラジオ

開発情報・ナレッジ ver.1 middle

[フォームカスタマイズ vol.6]タップで回答できるバー形式の回答欄を作成する

顧客ロイヤルティを計測するためのNPS表示の設定を行います。 DEMOは、こちら ※Q6を参照ください。 HTMLの設定 まずはデータベースの設定を行います。 フィールドはセレクトのプルダウンを選択しておくとよいかと思います。 そしてフィールド

開発情報・ナレッジ ver.1 middle

[フォームカスタマイズ vol.1]姓名の記述を分けて横並びにする

Webフォームの活用は幅広く、キャンペーンや会員登録など様々なシーンで用いられます。 スパイラル®が選ばれる理由のひとつに、フォームの活用のしやすさが挙げられますが、デフォルトのフォームはシンプルなHTMLです。 DEMOは、こちら ※“お名前”を参照くださ

もっと見る