55.4. コンポーネント
ページには、さまざまなコンポーネントが含まれます。ページには、以下のコンポーネントタイプを使用できます。
- Core コンポーネント: カスタムの HTML 情報を指定、または既存ページを表示するのに使用します。コアコンポーネントは 2 種類があります。
Core コンポーネントのサブタイプ | 説明 |
---|---|
HTML | このコンポーネントは、HTML エディターウィジェットを開きます。テキスト、イメージ、テーブル、リンク、色などを使用して HTML ページを作成します。要件に応じてページをカスタマイズできます。 |
Page | このコンポーネントを使用すると、新しいダッシュボードに以前作成したページを追加できます。このコンポーネントを使用して、ダッシュボードに作成してあるカスタムページをネストできます。 |
コアコンポーネントは必須ではありません。
- Navigation コンポーネント: ページ間を移動するのに使用します。ナビゲーションコンポーネントの種類は 6 つあります。
ナビゲーションコンポーネントのサブタイプ | 説明 |
---|---|
Target Div | このコンポーネントは、タブリスト、メニューバー、ツリーナビゲーターコンポーネントが、エントリーを表示し、クリックした最後の項目を追跡するのに使用します。 |
Menu Bar | このコンポーネントは、メニューバーの形でナビゲーションツリーのエントリーを表示します。Business Central でサポートされるレベルの数には制限がありません。 |
Tile Navigator | このコンポーネントは、タイルの形でナビゲーショングループを表示します。グループはディレクトリーとして表示されますが、エントリーが 1 つしかない場合は選択するとそのコンテンツが表示されます。 |
Tree | このコンポーネントは、垂直のツリー構造フォーマットでエントリーを表示します。 |
Carousel | 円形やスライドショーなどで選択したページを表示するか、循環させます。 |
Tab List | このコンポーネントは、コンポーネントの上部に、選択したメニューページをタブとして表示します。 |
ターゲットの Div 設定は、円形、タイルナビゲーターなどの非ターゲット Div コンポーネントには必要 ありません。
Reporting コンポーネント: グラフ、テーブル、マップなどの形でデータセットのデータの表示に使用されます (Data sets authoring セクションを参照)。レポーティングコンポーネントのタイプは 10 種類あります。レポーティングコンポーネントは New Displayer ウィジェットを使用して設定できますが、ウィジェットには以下の 3 つのタブが含まれます。
- Type: カスタムデータをグラフィカルに表示する方法を選択します。
- Data: Settings メニューで利用可能な Data Sets セクションから作成したカスタムのデータセットの一覧から、データセットを選択します。
- Display: タイトルを追加し、色、サイズなどを変更することでコンテンツを表示する方法を編集してカスタマイズします。
55.4.1. ページエディターにコンポーネントを配置してページの作成
ページを作成するには、Pages パースペクティブの Editor キャンバスにコンポーネントをドラッグする必要があります。ページに必要なコンポーネントをすべて配置したら、Save をクリックします。
55.4.2. Preview タブを使用してページのプレビュー
ページの作成時または編集時に、Page Editor の Preview タブをクリックして、保存する前にページをプレビューします。
55.4.3. コンポーネントのプロパティー
ページに使用されるコンポーネントには、コンポーネントに関連するさまざまなプロパティーが含まれます。Properties パネルで以下のプロパティーを編集して、コンポーネントをカスタマイズできます。
- Panel プロパティー: Width、Height、Background Color など、コンポーネントパネルプロパティーをカスタマイズするのに使用します。
- Margin プロパティー: Top、Bottom、Left、Right など、コンポーネントのマージンプロパティーをカスタマイズするのに使用します。
- Padding プロパティー: Top、Bottom、Left、Right などのコンポーネントパディングプロパティーをカスタマイズするのに使用します。
また、HTML コンポーネントには、コンポーネントの Alignment、Decoration、Color、Size、および Weight プロパティーをカスタマイズする追加テキストプロパティーもあります。