PlatoForms User Guide
Ctrl+K

  • Form Builder

    Creating an Online Form for an Existing PDF

  • Custom Domain

    With Builder you can build three types of forms: online web forms, online PDF forms, and master forms.

  • Master Form Builder

    you will arrive at the Form Builder. On the form Builder, there are three main sections:

What's new? API Docs

ウェブPDFフォームをデザインする

タブ

プレビュー＆デザインを使用して、ウェブPDFフォームの外観をカスタマイズします。以下のことができます。

  • テーマを適用し、すぐにプレビューします。
  • ロゴを追加し、色、フォント、間隔、レイアウトをカスタマイズします。
  • デザインを共有チームテーマとして保存するか、既存のものを更新します。
  • カスタムCSSやJavaScriptを使用して高度な変更を行います。

フォームデザイナーにアクセスする

  1. ダッシュボードから既存のウェブPDFフォームを開きます。

  2. フォームビルダーの左上にあるプレビュー＆デザインボタンをクリックします。

    フォームデザイナーを開く

    これにより、フォームのデザインを調整できるプレビューが開きます。

テーマを適用する

テーマを使用すると、フォームの全体的な外観をすばやく変更できます。

  1. プレビュー＆デザインで、右上のデザインフォームをクリックします。

    プレビューとデザインのデザインフォームボタン

  2. 左側のパネルでテーマを閲覧をクリックします。

    デザインフォームパネルのテーマを閲覧

  3. テーマを選択します。右側のプレビューがすぐに更新されます。

デザインを共有フォームテーマとして保存する

現在のデザインを新しいテーマとして保存し、チームの他のメンバーが使用できるようにします。

  1. プレビュー＆デザインで、デザインフォームをクリックし、フォームをカスタマイズします。

  2. 左側のパネルの下部で共有をクリックします。

    現在のフォームデザインをチームテーマとして共有する

  3. テーマを共有ダイアログで、テーマ名を入力し、保存をクリックします。

    新しい共有テーマがテーマを閲覧に表示されます。

共有テーマを更新または削除する

共有テーマのカード上のコントロールを使用して、更新または削除します。

  1. デザインフォームで、テーマを閲覧をクリックします。

  2. 共有テーマを見つけて、その赤い編集アイコンをクリックします。

    既存の共有フォームテーマを更新する

  3. 必要に応じてテーマ名を変更し、保存をクリックします。これにより、フォームの現在のデザインで共有テーマが更新されます。

共有テーマを削除するには、そのカードの赤いゴミ箱アイコンをクリックし、削除を確認します。

フォームデザインをカスタマイズする

フォームスタイルをさらにカスタマイズできます。すべての変更は即座にプレビューされます。

  1. プレビュー＆デザインで、右上のデザインフォームをクリックします。

  2. 必要に応じてデザインを変更します。

    Note

    利用可能なカスタマイズオプションについては、フォームデザインプロパティセクションをご覧ください。

  3. 希望する変更を加えた後、保存をクリックして変更を適用します。

フォームデザインプロパティ

プロパティ 説明
外観 フォームのビジュアルテーマをカスタマイズします。

  • システム自動: ユーザーのデバイス設定に合わせて調整します。
  • ライトモードのみ: 明るく、クリアな外観を一貫したライトカラーテーマで確保します。
  • ダークモードのみ: 低照度環境での目の疲れを軽減するためにダークカラースキームを使用します。
システム自動が選択されている場合、ライトとダークボタンを使用して、異なるモードでのフォームの外観をプレビューします。
ロゴ PNGまたはJPG（最大10MB）をアップロードして、フォームにロゴを表示します。

  • 埋め込みロゴ: フォーム内で自動的にサイズ調整され、統合されます。
  • ロゴ背景: ロゴの背後の背景色をカスタマイズします。
  • ロゴサイズ: 埋め込みロゴが無効な場合、サイズを手動で調整します。デフォルトの配置はフォームの外側、左上隅です。
  • ロゴの位置: 配置を選択します。左, 中央, 右。
ナビゲーションバー フォームに複数のページがある場合、ナビゲーションバーを有効にすると、ユーザーがページ間を切り替えるためのトップメニューが追加されます。

注: フォームをデザインする際にページブレークを挿入してページを追加します。
ナビバーのスタイル ナビゲーションバーが有効になったら、フォームのデザインに合ったスタイルを選択します。オプションにはタブ, 進捗バー, サイドバー ナビゲーションが含まれる場合があります。
ヘルプテキスト フォームフィールドにヘルプテキストを追加した場合、表示場所を選択します。

  • フィールドの下: 入力ボックスの下にヘルプテキストを配置します。
  • ラベルの下: フィールドラベルの下にヘルプテキストを配置します。
RTLフォーム アラビア語、ヘブライ語、ペルシャ語などの言語に適した右から左へのレイアウトでフォームを表示します。この設定はテキストの配置と全体的なフォームの方向に影響します。
丸い角 フォームの要素に丸い角を追加して、滑らかでモダンな外観を作成します。
マテリアルスタイル 入力フィールドにミニマリストな直線デザインを使用し、マテリアルデザインに似ています。
フォームの幅 フォーム全体の幅を調整します。オプションには以下が含まれます。

  • S (小): コンパクトなレイアウト。
  • M (中): バランスの取れた幅。
  • L (大): より広い画面にフォームを拡張します。
  • フル: フォームをコンテナの全幅に広げます。
フォームの余白 フォームの端にスペースを設定します。オプションには以下が含まれます。

  • なし: 追加のスペースはありません。
  • S (小): 最小限のパディング。
  • M (中): より構造化された外観のための適度なスペース。
フォント システムデフォルトのフォントを使用するか、ブランドのアイデンティティに合わせてカスタムフォントをアップロードします。
フォントサイズ 読みやすさを確保するためにテキストサイズを調整します。利用可能なサイズは小から特大までです。
行間 テキスト行間のスペースを制御します。オプションはXS, S, M, L, XLで、最適な読みやすさを提供します。
ラベルレイアウト 入力フィールドに対するラベルの配置を定義します。カスタマイズが選択されている場合、各フィールドのプロパティパネルに戻って個別のラベル位置を調整します。
ラベル幅 フォーム要素間で一貫した配置を確保するためにフィールドラベルの幅を指定します。

さらなるカスタムスタイル

さらなるカスタムスタイル機能を使用して、フォームの外観と動作をさらにカスタマイズできます。

  1. フォームエディターでさらなるカスタムスタイルボタンをクリックします。

    デザイナーフォーム

  2. 3つのカスタマイズオプションから選択します。

    • デザインタブ: 背景画像を変更し、バナーサイズを調整し、レイアウト要素を変更します。
    • CSSタブ: カスタムCSSを追加してフォント、色、間隔をスタイルします。
    • JSタブ: JavaScriptを使用してラベルをカスタマイズし、ロジックを追加し、フォームの動作を制御します。
    Note

    JavaScriptは安全で、セキュリティを維持するためにカスタムドメインでのみ動作します。

  3. 調整を行った後、保存をクリックして変更を適用します。

ビデオチュートリアル

読むより見るほうがお好みですか？このビデオガイドがお役に立ちます。

Is the content helpful?
Give feedback about this article