Skip to main content

 

 

 

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

User Initialsのリファレンス

レイアウトおよびクラス

高度なユースケース

テーブルを持つUser Initialsパターンを使用する

1.Usersテーブルをプレビューにドラッグします。

1.NameのExpressionを削除し、そこにUserInitialsパターンをドラッグします。

1.UserInititalsで、Nameパラメータをデータベースの[name]フィールドの値に設定します。

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

1.パターンの値を変更します。

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

IF条件を持つUser Initialsパターンを使用する

1.「table-image-size」という名前のカスタムクラスを作成します。

    .table-image-size {
        height: 100px;
        width: 100px;
    }

1.Usersエンティティをプレビューにドラッグします。

1.NameのExpressionを削除し、コンテナをセルにドラッグします。

1.If条件ツールをコンテナ内にドラッグし、条件を「UserTable.List.Current.User.Is_Active」に設定します。

![](<images/userinitials-5-ss.png>)

1.Trueブランチで、UserInitialsパターンをドラッグし、Nameパラメータをデータベースの[name]フィールドの値に設定します。

1.UserInitialsをコンテナのサイズに合わせて調整し、ExtendedClassパラメータを「full-width full-height」に設定します。

![](<images/userinitials-6-ss.png>)

1.Falseブランチで、画像をドラッグし、Style Classesを「border-radius-circle」に設定します。

![](<images/userinitials-7-ss.png>)

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

![](<images/userinitials-8-ss.png?width=750>)
  • Was this article helpful?