ナレッジサイト
ログイン
フォームの入力状況を確認できる進捗バーを導入する方法
本記事では、フォーム入力の進捗度を可視化するプログレスバーの実装方法を紹介します。 プログレスバーを設置するだけで、入力の現在地がひと目で分かり、離脱抑止と完了率向上に寄与します。軽量で既存フォームに簡単に組み込み可能です。 ポイント: 視覚的な進捗提示は入力ストレスの低減に有効 導入効
一覧検索の入力タイプ変更：カレンダーやプルダウンで検索を快適に
一覧機能の検索で、日時をカレンダーで指定できたり、チェックボックスをプルダウン形式に変えられたら便利だなと思ったことはありませんか？ 本記事では、一覧機能の“裏ワザ”第四弾として、検索項目の入力タイプを変更する方法をいくつかご紹介します。 ※本方法を適用するにはxslファイルを
レコード照合フォームブロックのソース解説
レコード照合フォームブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL WebTools サポートサイト Thymeleaf記法 をご参照ください。 また、Thymeleaf関連記事をまとめた Thymeleaf特集 も是非ご覧くだ
CSVファイルをページ上から一括アップロードするサンプルプログラム
ブラウザ上でCSVファイルを解析し、SPIRALのデータベースに一括登録するサンプルプログラムを紹介します。 注意点 ・ このサンプルは、SPIRALのページで動作することを前提としています。 ・ 登録先のDBと、CSVの列構成を事前に一致させておく必要があり
「エラーがどこか分からない！」を防ぐ。ユーザーのストレスを減らすエラーサマリーの実装方法
SPIRALのフォームでエラーサマリーを表示するJavaScriptをご紹介します。 機能としてはエラーメッセージをカウントし内部リンクによってエラー位置に遷移するというシンプルなものですが、どこでエラーが起きたかを一目で把握でき、エラー位置までクリッ
ステータスの値に応じて一覧編集モードを非活性にする方法
一覧上でステータスを「未完了」から「完了」に更新することはよくあります。 ですが、「完了」にした後は「未完了」に戻せないようにしたい、と思ったことはありませんか？ 本記事では一覧機能の“裏ワザ”第三弾として、ステータスの値に応じて一覧編集モードを非活性にする方法を紹介します。 ※本方法
検索ブロック非対応フィールドを検索する代替案
サイト機能のレコード検索ブロックでは、「テキスト」「セレクト」「マルチセレクト」「日付」フィールドのみが検索対象として設定することができます。 しかし「メールアドレス」や「電話番号」など、レコード検索ブロック非対応フィールドで作成されたフィールドを検索したい場合があると思います
一覧表で表示項目を追加する方法
本記事では作成済みの一覧表（設定デザイン）に表示項目を追加する方法をご案内します。 一覧表・単票 設定デザイン2種について 一覧表の設定デザインには「表形式」と「数値」の2種類があります。 まず違いについてそれぞれご紹介します。 表形式 一覧表作成時点のデフォルトでは「表形式」が選択されてい
データ行がないときに一覧のヘッダーを非表示にする方法
データ行がないときに、一覧のヘッダーだけが表示されて「これを消したい」と思ったことはありませんか？ 本記事では一覧機能の“裏ワザ”第二弾として、データ行がないときに一覧のヘッダーを非表示にする方法を紹介します。 ※本方法を適用するには、xslファイルのソースを一部編集する必要があります。
一覧表からデータ更新したユーザーにメールを配信する
APIを使用して一覧表からデータ更新時にメールを送信する方法をご紹介します。 概要 一覧表から一括でステータスの更新等を行うことはよくありませんか？ 単票と違って一括で更新できるので便利ですよね。 ただ、フォームを使用せず更新するためサンクスメールが使えない落とし穴があります。 即時で送る
モデルルーム予約管理アプリ サイト設計・構築③
SPIRAL WebToolsでは内覧の予約受付から内覧後のアンケート、検討状況の確認対応やメール配信を行うモデルルーム予約管理アプリの構築が可能です。 アプリ（DB）設計・構築 / サイト設計・構築 / ユーザ・アプリロール・グループ設定 に各工程を分け、ポイントやおすすめ
値に応じて、一覧項目の背景色を変える方法
一覧上で「完了」したものと「未完了」のもの、重要な項目などをひと目で区別したい場合があります。 本記事では一覧機能の“裏ワザ”第一弾として、値に応じて一覧項目の背景色を変える方法を紹介します。 ※背景色を変更するには、xslファイルのソースを一部編集する必要があります。編集前にはバックアップを取るこ...
