Community

Applies only to Traditional Web Apps

Breadcrumbs

アプリケーションの階層内におけるユーザーの位置を示します。

Breadcrumbsは、ユーザーが上位のページに移動するために要するアクションの数を減らすために使用します。Breadcrumbsを使用すると、階層内における位置を視覚的に把握できるようになります。これにより、セクションやページが見つけやすくなり、コンテキストがわかりやすくなります。

使用方法

1.Breadcrumbsパターンをプレビューにドラッグします。

1.必要な数のパンくずアイテムをドラッグします。

1.プレースホルダに必要なコンテンツを設定します。

![](<images/breadcrumbs-image-1.png>)

1.パブリッシュしてテストします。

![](<images/breadcrumbs-image-2.png>)

入力パラメータ

入力名	説明	型	必須	デフォルト値
ExtendedClass	このブロックにカスタムスタイルクラスを追加します。Text	False	なし

入力名	説明	型	必須	デフォルト値
ExtendedClass	このブロックにカスタムスタイルクラスを追加します。Text	False	なし

1.Breadcrumbsパターンをプレビューにドラッグします。

1.［Content］プレースホルダに、ListRecordsウィジェットをドラッグします。

1.ListRecordsウィジェットに、Breadcrumbs Itemをドラッグします。

1.BreadcrumbsItemパターンで、Expressionを使用してコンテンツを表示します。

1.パブリッシュしてテストします。

![](<images/breadcrumbs-image-4.png>)

ListRecordsウィジェットのLine Separatorプロパティは「None」に設定する必要があります。