登録/更新フォームで項目を横並びにする方法
ビジュアル設定の登録/更新フォームで、項目をグループ化して横並びにする方法をご紹介します。 この例では、「姓」と「名」使って説明しています。 グループ化とは 複数のフィールドをグループパーツ化してフォームページに表示させる機能です。 ビジュアル設定は、登録フォームブロックと更新フ
ナレッジサイト
ログイン
ビジュアル設定の登録/更新フォームで、項目をグループ化して横並びにする方法をご紹介します。 この例では、「姓」と「名」使って説明しています。 グループ化とは 複数のフィールドをグループパーツ化してフォームページに表示させる機能です。 ビジュアル設定は、登録フォームブロックと更新フ
レコード照合フォームブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL WebTools サポートサイト Thymeleaf記法 をご参照ください。 また、Thymeleaf関連記事をまとめた Thymeleaf特集 も是非ご覧くだ
前回の記事 JavaScirptでセレクトをドリルダウン表示する のラジオボタンバージョンとなります。 JavaScriptソース document.addEventListener('DOMContentLoaded', function() {
フォームブロックの締切設定により開始日時と終了日時を設定する事は可能ですが、 特定の時間（例えば営業時間9:00～18:00のみ）のみ表示したいであったり、土日はクローズしたいといった場合はデフォルトの設定では不可能です。 今回の記事は上記の設定を可能とする為のカスタマイズ記事となりま
登録フォームブロックにて選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法（ドリルダウン表示）をご紹介します！ 今回はjQueryを使わずにJavaScirpt（Vanilla JS）のみで作成しているため、ライブラリ等の読み込みは必要ありません
フォームのステップをパラメータで判定し、それぞれのステップで動作するJavascriptを作成しました。 実際にサンプルコードを掲載しておりますので、特定のステップでJavascriptを動作させたい場合に活用してみてください。 デモはこちら 機能説明 Ja
フォーム入力の際にユーザで誤ってブラウザなどを閉じて離脱するのを防ぐダイアログ機能を実装できる強化ガジェットを作成しました。 実際にサンプルコードを掲載しておりますので、コピペで簡単に実装できます。 フォーム入力中のユーザを補助する機能を強化したい場合に活
登録フォームブロックでは自動登録の機能を利用して固定値を登録することができますが、更新フォームブロックには自動登録の機能がございません。（ver.2.22時点） この記事では、更新フォームブロックで固定値を登録する方法を3つ紹介いたします。 hidden属性で送信する方法 inputタグの
フォームブロックのコピペCSSをビジュアル設定のまま使用する強化ガジェットを作成いたしました。 コピペCSSを使ってみたいけどソース設定には切り替えたくない場合にぜひご活用ください。 フォームブロックのコピペCSSとは フォームブロックやログインフォ
更新フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「更新フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL WebTools サポートサイト Thymeleaf記法をご参照ください。 ま
更新フォームブロックのインプットタグ部分の構造や役割を解説いたします。 更新フォームブロック全体のソースについては「更新フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL WebTools サポートサイト Thymeleaf記法をご
削除フォームブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL WebTools サポートサイト Thymeleaf記法をご参照ください。 また、Thymeleaf関連記事をまとめた Thymeleaf特集 も是非ご覧ください。 関連記事
ソース設定フォームブロックのデザインを施す際に、ビジュアル設定で設定できるデザインを使用したいと思われたことはないでしょうか。 そんな時におすすめな方法がありますので、本記事でご案内いたします。 おすすめな方法 1からソースを書き換えるのは大変ですが、デザインを施した
メールマガジンアプリであれば「配信停止フォーム」、会員サイトアプリであれば「会員退会フォーム」など、 利用用途に応じて入力フィールドが存在しないフォームを作成することがあります。 SPIRAL WebToolsで作成する際にご注意いただく点がありますので、本記事でご案内いたしま
フォームブロック上でのセレクトフィールド入力コントロールは「ラジオボタン」と「プルダウン」が選択できます。 ビジュアル設定の場合はフィールド設定画面で入力コントロールの切り替えが可能ですが、ソース設定の場合はソース全体を入れ替える必要があります。 本記事ではソース入れ替え方法
登録フォームを開いた際に、会員DBに登録済みのデータは自動で入力させたい場合のカスタマイズ方法をご紹介いたします。 データが引き継がれて入力の手間が省けることはもちろんのこと、他にも様々なメリットがあるため、ぜひ活用してみてください。 イメージ 1つのフォームブロックを認証ペ
フォームブロックやログインフォームにコピペするだけで使えるCSSを作成しました。 今回は、表形式のシンプルな「テーブルデザイン」です。 グレー系の落ち着いたデザインですが、カスタマイズして自由な色を使用することも可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意点
フォームブロックやログインフォームにコピペするだけで使えるCSSを作成しました。 今回は、白をベースとしたシンプルな「シンプルモダン」のデザインです。 サイトカラーやコーポレートカラーに合わせてカスタマイズすることも可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意
登録フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「登録フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL WebTools サポートサイト Thymeleaf記法をご参照ください。 ま
登録フォームブロックのインプットタグ部分の構造や役割を解説いたします。 フォームブロック全体のソースについては「登録フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL WebTools サポートサイト Thymeleaf記法をご参照
アンケートフォームなどにある、選択肢で「その他」を選択した場合のみ、テキスト入力をしてほしい時に 入力欄の活性化・非活性化をJavascriptで制御する強化ガジェットを作成しました。 簡単に実装できますので、フォーム入力補助機能を強化したい時に活用し
SPIRAL WebToolsでは、ソースを編集しなくてもテキストを修飾したりリッチな表現が可能となる”WYSIWYG”を搭載しています。 ”WYSIWYG”機能の概要について説明します。 変更・改訂履歴 [ 2024.02.29 ] 改訂 キャプ