Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

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

 

 

OutSystems

Counterのリファレンス

レイアウトおよびクラス

CSSセレクタ

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

高度なユースケース

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

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

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

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

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

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

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

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

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

  • Was this article helpful?