Skip to main content

 

 

 

 
Language:
 
従来のWebアプリにのみ適用されます
 
 
OutSystems

Counterのリファレンス

レイアウトおよびクラス

CSSセレクタ

要素 CSSクラス 説明
.center-align .flex-direction-column OrientationがVerticalの場合

高度なユースケース

Counterパターンに新しいスタイルを追加する

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

1.Orientationを「Vertical」に、Heightを「200」に、ExtendedClassプロパティを「background-blue shadow-xl」に設定します。

![](<images/counter-3-ss.png>)

1.コンテナを[Counter]プレースホルダにドラッグし、「26」と入力します。

1.コンテナのStyle Classesプロパティを「font-size-display text-neutral-0」に設定します。

1.コンテナを[Counter]プレースホルダにドラッグし、「Completed Requests」と入力します。

1.別のコンテナを[Counter]プレースホルダにドラッグします。

1.Iconウィジェットをコンテナにドラッグし、Nameプロパティを「Entities.IconName.check」に設定し、Sizeを「Entities.IconSize.Size_3x」に設定します。

![](<images/counter-4-ss.png>)

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

![](<images/counter-5-ss.png>)
  • Was this article helpful?