Skip to main content

 

 

 

 
Language:

 

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

 

 
 
OutSystems

Card

Card UIパターンを使用すると、少量の情報をグループ化して画面で強調表示できます。情報が小さなブロックにグループ化され、画面上で識別しやすくなります。

Card UIパターンの使用方法

  1. Service StudioのツールボックスでCardを検索します。

    Cardウィジェットが表示されます。

  2. ツールボックスから、Cardウィジェットをアプリケーション画面のメインコンテンツ領域にドラッグします。

  3. プレースホルダにコンテンツを追加します。この例では、テキストを追加しています。

これらの手順を実行してモジュールをパブリッシュした後、アプリでパターンをテストできます。

プロパティ

プロパティ 説明
ExtendedClass(Text型): オプション Card UIパターンにカスタムスタイルクラスを追加します。CSSを使用して、アプリケーションのカスタムスタイルクラスを定義します。

  • 空白 - カスタムスタイルを追加しません(デフォルト値)。
  • "myclass" - 適用されるCard UIのスタイルに_myclass_というスタイルを追加します。
  • "myclass1" "myclass2" - 適用されるCard UIのスタイルに_myclass1_というスタイルと_myclass2_というスタイルを追加します。
  • Was this article helpful?