Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Card

情報を小さなブロックにグループ化し、画面で識別しやすいようにします。

Cardは、少量の情報をグループ化して画面で強調表示するために使用します。

使用方法

パターンを画面にドラッグし、要件に合わせてコンテンツを編集します。

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

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

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

入力パラメータ

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

レイアウトおよびクラス

高度なユースケース

背景の色を変更する

  1. カードのExtendedClassプロパティに以下のクラスを記述します。 background-yourcolor text-neutral-0 border-size-none

    text-neutral-0クラスはテキスト色を、新しい背景色とは異なる白色に設定します。border-size-noneクラスは枠線を削除します。

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

変更前:

変更後:

  • Was this article helpful?