ページにデフォルトフォントを指定する方法
SPIRAL ver.2で作成したページは、基本的にフォントの指定がされていません。 この記事では、フォントの指定が無いときにどのようなことが起こるのかを説明し、フォントの指定場所とおすすめのフォント指定を紹介いたします。 Webフォントを利用したい場合は、ページにWebフォント(
フォームで使えるコピペCSS 「シンプルモダン」
フォームブロックやログインフォームにコピペするだけで使えるCSSを作成しました。 今回は、白をベースとしたシンプルな「シンプルモダン」のデザインです。 サイトカラーやコーポレートカラーに合わせてカスタマイズすることも可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意
キャンペーン応募アプリ サイト設計・構築
キャンペーンを実施しようとした際に応募フォームのデザインはリッチにしたい、LPページを併せて作成したいという要望が多いのではないでしょうか。 SPIRAL ver.2ではデザイン作成時のソース設定はもちろんのこと、実はLPページのような静的なWebページの作成もできます。 「キャン
強化ガジェットの使い方と注意点
SPIRERS ナレッジ向上チームで作成して公開している強化ガジェットについて、使い方と注意点をご説明いたします。 強化ガジェットとは 強化ガジェットは、SPIRAL ver.2のサイト機能を強化するためのプログラムです。 プログラムが分からない方でも、コピーペーストして設定値を変更するだけで
ver.2でレコード値を自動発番できる強化ガジェット vol.2
プログラムでレコード値を自動発番できる強化ガジェットの設定方法をこちらの記事で解説します。 ※本記事は暫定的なご案内です。SPIRAL ver.2の今後のバージョンアップに伴い、正式機能がリリースされた場合、 この記事は削除される可能性があります。 ※記事内
Web申請アプリ サイト設計・構築
SPIRAL ver.2はプログラミング経験がなくても、オリジナルの業務アプリの制作・カスタマイズできるローコード開発プラットフォームです。 詳しくは SPIRAL ver.2 とはをご覧ください。 SPIRAL ver.2を初めて操作する際に何をどう設定すればいいのか?どう管理すればい
登録フォームブロックのソース解説
登録フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「登録フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、T
登録フォームブロックのインプットタグ解説
登録フォームブロックのインプットタグ部分の構造や役割を解説いたします。 フォームブロック全体のソースについては「登録フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照くださ
Slackでフォーム登録通知を受け取る方法(Slack×SPIRAL)
スパイラルにはSlackとの連携プラグインはありません。 ですが、SPIRALのカスタムプログラムと、Slackのプラグイン「Incoming WebHooks」を利用することで、連携が可能になります。 本記事では、フォーム登録通知をSlackへ飛ばす
チェック状態でボタンを活性化する強化ガジェット
利用規約の同意チェックなど、チェック状態に応じて送信ボタンを非活性化・活性化する強化ガジェットを作成しました。 フォーム入力補助機能を強化したい時に活用してみてください。 変更・改定履歴 [ 2022.04.08 ] 改定 コメントアウトの文章を修正 [ 2022.07.14
その他を選択した時に入力欄の活性化・非活性化を切り替える強化ガジェット
アンケートフォームなどにある、選択肢で「その他」を選択した場合のみ、テキスト入力をしてほしい時に 入力欄の活性化・非活性化をJavascriptで制御する強化ガジェットを作成しました。 簡単に実装できますので、フォーム入力補助機能を強化したい時に活用し
フォームにreCAPTCHAを設定する
reCAPTCHAとはスパムやbotなどによる悪質なアクセスからWebサイトを保護するための仕組みです。 Googleが提供するreCAPTCHAをSPIRALver1で作成したフォームに組み込むことができます。 DEMOはこちら reCAPTCHAの制御方法は複数ありますが、ここで