アダプティブフォームコンポーネントのインラインスタイル設定 inline-styling-of-adaptive-form-components

フォームエディターでフォームを開き、モードを「スタイル設定」に変更します。モードをスタイルモードに変更するには、ページツールバーで ／スタイル ​を選択します。

ページ内のコンポーネントを選択し、編集ボタン をクリックします。サイドバーでスタイル設定プロパティが開きます。

サイドバーのフォーム階層ツリーからコンポーネントを選択することもできます。フォーム階層ツリーは、サイドバーでフォームオブジェクトとして使用できます。

スタイルモードでは、フォームオブジェクトの下にコンポーネントが表示されます。ただし、サイドバーのフォームオブジェクトリストには、フィールドやパネルなどのコンポーネントが一覧表示されます。フィールドとパネルは、テキストボックスやラジオボタンなどのコンポーネントを含めることができる汎用コンポーネントです。

サイドバーからコンポーネントを選択すると、選択したコンポーネントのすべてのサブコンポーネントのリストと選択したコンポーネントのプロパティが表示されます。特定のサブコンポーネントを選択して、そのスタイルを設定できます。

サイドバーのタブをクリックして、CSS プロパティを指定します。次のようなプロパティを指定できます。

• 寸法と位置（表示設定、パディング、高さ、幅、余白、位置、z インデックス、フロート、クリア、オーバーフロー）
• テキスト（フォントファミリー、太さ、色、サイズ、行の高さ、整列）
• 背景（画像とグラデーション、背景色）
• 境界線（幅、スタイル、色、半径）
• 効果（シャドウ、不透明度）
• 詳細（コンポーネントのカスタム CSS を作成できます）

同様に、コンポーネントの他の部分（ウィジェット、キャプション、ヘルプなど）のスタイルを適用できます。

「完了」を選択して変更を確定するか、または「キャンセル」を選択して変更を破棄します。

スタイル ​モードで、コンポーネントを選択し、「編集」アイコン を選択します。

「状態」ドロップダウンリストを使用して、コンポーネントの状態を選択します。

コンポーネントの選択した状態のスタイル設定を定義し、「 」を選択してプロパティを保存します。