Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

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

 

 

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?