Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

ButtonGroup

表示される利用可能なオプションの選択肢を表します。

ButtonGroupは、ユーザーが利用可能なすべての選択肢を同時に表示するために使用します。2~4つのオプションがある場合に最適です。オプションを多数表示する場合は、Dropdownを使用することを検討してください。

使用方法

[Content]プレースホルダにButtonGroupアイテムを追加します。

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

  2. デフォルトでは、3つのButtonGroupアイテムがパターンに含まれています。

  3. 必要な数のButtonGroupアイテムをドラッグします。

  4. 変数および値を設定します。

  5. ButtonGroupアイテムのラベルのテキストを変更します。

入力パラメータ

入力名 説明 必須 デフォルト値
IsJustified アイテムが利用可能な領域に均等に分散されます。 Boolean False False

レイアウトおよびクラス

高度なユースケース

ListRecordsを持つButtonGroupを使用する

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

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

  3. ListRecordsウィジェットに、ButtonGroupアイテムをドラッグします。

  4. ButtonGroupアイテムで、btnクラスを含むExpressionを使用してコンテンツを表示します。

  5. ListRecordsウィジェットで、要素間の余分なマージンを避けるためにLine Separatorを「None」に設定します。

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

  • Was this article helpful?