こちらでトピックや回答を検索してください

何かお困りですか?

There no matching results.

ウェブPDFフォームの外観をカスタマイズできますか

質問

ウェブPDFフォームの外観をカスタマイズできますか?例えば、会社のロゴを追加したり、背景色を調整したり、コードスニペットを使ってよりカスタマイズされた設定を追加したりできますか?


回答

もちろんです! ウェブPDFフォームの外観を完全にカスタマイズできます!以下のオプションを利用できます:


カスタムオプションへのアクセス方法

  1. ダッシュボードから、フォームをクリックして開きます。

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

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

    フォームのプレビューページが開きます。ここで、フォームのデザインオプションを探索し、カスタマイズできます。


既製のテーマを適用する

  1. プレビューページの左下にあるテーマをクリックします。

    これにより、利用可能なテーマを閲覧できるテーマパネルが開きます。

  2. フォームの目的と好みのスタイルに最も合うテーマを選択します。

    PlatoFormsによる既製のテーマ

テーマを共有テーマとして保存し、チームで利用できるようにすることもできます。詳細については、共有フォームテーマとして保存するセクションを参照してください。


フォームデザインのプロパティを調整する

フォームのデザインを変更して、望む外観にします。会社のロゴを追加したり、フォントを変更したりできます。以下の手順に従って、フォームのデザインをカスタマイズしてください:

  1. プレビューページの右上にあるデザインフォームボタンをクリックします。

    デザインフォームをクリック

  2. お好みに応じてフォームデザインのプロパティを変更します。

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

    これらのプロパティの詳細については、フォームデザインをカスタマイズするセクションを参照してください。

  3. 変更に満足したら、保存をクリックして変更を保持します。


より多くのデザインオプションのためのカスタムCSSを追加する

  1. プレビューページの右上にあるデザインフォームボタンをクリックします。

  2. 展開されたパネルで、より多くのカスタムスタイルボタンをクリックします。

    より多くのカスタムデザインボタン

  3. デザインCSSJSタブが表示されます:

    • デザインタブでは、背景画像やバナーサイズなどの要素を調整してフォームのデザインを洗練します。

    • CSSタブでは、カスタムCSSコードを追加してウェブPDFフォームの外観をカスタマイズします。

      CSSコード例

    • JSタブでは、ラベルを変更したり、高度なロジックを追加したりして、フォームを望む通りに動作させるためのカスタムJavaScriptを追加します。

      JavaScriptを追加

    プロのヒント:JavaScriptは安全で、すべてが安全に保たれるようにカスタムドメインでのみ動作します。

  4. 変更に満足したら、保存をクリックして変更を保持します。


ビデオチュートリアル

ビデオウォークスルーも役立つかもしれません:


さらに質問がありますか? FAQページを訪れるか、お問い合わせください。