Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Breadcrumbs

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

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

使用方法

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

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

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

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

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

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

入力パラメータ

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

レイアウトおよびクラス

高度なユースケース

ListRecordsを持つパンくずを使用する

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

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

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

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

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

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

注記

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

  • Was this article helpful?