Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Tag

小さなテキストに色付きタグ形式のスタイルを適用します。

Tagは、ステータス、ラベル、カテゴリを表示してユーザーエクスペリエンスを向上させるために使用します。

使用方法

パターンを画面にドラッグして、テキストをプレースホルダに追加します。

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

  2. テキストをこのプレースホルダにドラッグします。

  3. 入力パラメータをデフォルト値に設定します。

入力パラメータ

入力名 説明 必須 デフォルト値
Color 背景色を設定します。 Color Identifier False Entities.Color.Primary
Shape 形を設定します。 Shape Identifier False Entities.Shape.Rounded
Size サイズを設定します。 Size Identifier False なし
IsLight 背景に最も明るい色のバージョンを使用し、テキストに暗い色のバージョンを使用します。 Boolean False False
ExtendedClass このブロックにカスタムスタイルクラスを追加します。 Text False なし

レイアウトおよびクラス

高度なユースケース

Tagパターンで枠線のみを使用する

  1. Colorパラメータを「Transparent」に設定します。
  2. ExtendedClassプロパティで、テキストの色を設定します。

  3. 枠線のサイズを設定します。

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

  • Was this article helpful?