ページとフォームの外観は、Bootstrap v3.3.2 CSS フレームワークを基本にしています。ページ、あるいはアプリケーションのテーマ リソースを使用できるフォームの外観を定義するためには、Boostrap テーマを適用するか、またはあなたが実装したカスタム CSS クラスを手動で追加します。

アプリケーションのテーマ リソースを適用する

デフォルトでは、UI デザイナーを使用し設計したページはアプリケーションにデプロイされた後、そのアプリケーションに選択されたテーマを使用します。

Boostrap CSS テーマを適用する

多くの Bootstrap CSS テーマが利用可能です。（例えば、https://bootswatch.com/）

テーマを適用するには、それをダウンロードし、CSS アセット としてページ、またはフォームに追加します。結果を見るには、ページをプレビューします。 Bootstrap テーマを CSS アセットとして適用すると、そのアプリケーション テーマをオーバーライドします。

外観をカスタマイズする

ページあるいはフォームのウィジェットの外観は、CSS スタイルシートを使用して変更できます。

UI デザイナーのページは Bootstrap CSS を使用します。そのため、ウィジェットに提供されたマークアップは Bootstrap CSS クラス使用します。 ホワイトボードの各ウィジェットで使用可能な CSS クラス プロパティ フィールドを使用することでクラスを追加できます。

さらに、ウィジェットの外観をカスタマイズするには、ページ、またはフォーム内の CSS アセット に CSS ファイルを含めます。この  CSS ファイルで Bootstrap CSS クラス、または CSS クラス プロパティ フィールドに指定したクラスの実装、のいずれかをオーバーライドできます。