フォーム作成ツールのスタイルタブを使用すると、フォーム開発者は CSS を直接編集し、フォームのスタイリングをリアルタイムでプレビューできます。

Form Composer 内の スタイル タブを使用して専用のスタイルを開発・統合します。このタブはフォーム開発者のみがアクセスでき、直接 CSS を編集することでフォーム UI の高度なカスタマイズを可能にします。

スタイルタブは、開発者にフォーム設計におけるカスタマイズ性、一貫性、拡張性といった主要なエンタープライズニーズに対応するため、より高度なコントロール、柔軟性、効率性を提供します。
高度なカスタマイズ制御
フォームの外観に対して正確な CSS レベルの制御を可能にし、標準のビジュアルエディターの制限を克服します。
企業ブランディングのコンプライアンス
組織がフォームを企業のデザインシステムおよびブランディング要件と完全に整合させることを可能にします。
より迅速な開発と反復
リアルタイムプレビューとすぐに使える CSS スキャフォールディングにより、開発時間が大幅に短縮され、イテレーションのスピードが向上します。
設計時と実行時の一貫性
設計時に適用されたスタイルが本番フォームでも正確に反映され、一貫したユーザーエクスペリエンスが維持されます。
回避策の削減とより高い自立性
サポートされていないカスタマイズを排除し、開発者に組み込みツール、バリデーション、およびドキュメントを提供して支援します。

手順

  1. フォームの作成.
  2. フォームルール タブに移動し、フォームルールを設定します。 詳しくは、条件付きアクション、ルール、要素をご覧ください。
  3. スタイル タブに移動し、スタイルエディターを使用してスタイルをカスタマイズします。
  4. プレビュー をクリックしてフォームを表示します。
    プレビュー オプションを使用すると、高さ、幅、位置、表示解像度などのフォームの外観プロパティを表示および編集できます。
  5. 元に戻すをクリックして変更を元に戻します。