Skip to main content

 

 

 

 

 

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

 

 
 
OutSystems

Blank Slateのリファレンス

レイアウトおよびクラス

CSSセレクタ

要素 CSSクラス 説明
.blank-slate .bottom-center コンテンツの垂直位置を下に合わせ、水平位置を中央に合わせます。
.blank-slate .bottom-left コンテンツの垂直位置を下に合わせ、水平位置を左に合わせます。
.blank-slate .bottom-right コンテンツの垂直位置を下に合わせ、水平位置を右に合わせます。
.blank-slate .center コンテンツの垂直位置を中央に合わせ、水平位置を中央に合わせます。
.blank-slate .center-left コンテンツの垂直位置を中央に合わせ、水平位置を左に合わせます。
.blank-slate .center-right コンテンツの垂直位置を中央に合わせ、水平位置を右に合わせます。
.blank-slate .top-center コンテンツの垂直位置を上に合わせ、水平位置を中央に合わせます。
.blank-slate .top-left コンテンツの垂直位置を上に合わせ、水平位置を左に合わせます。
.blank-slate .top-right コンテンツの垂直位置を上に合わせ、水平位置を右に合わせます。

高度なユースケース

リストが空のときにBlank Slateパターンを表示する

1.Ifウィジェットをドラッグし、条件にEmptyランタイムプロパティを入力します。

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

1.条件のTrueブランチで、Blank Slateパターンを使用します。 1.条件のFalseブランチで、リストを使用します。

![](<images/blankslate-4-ss.png>)
  • Was this article helpful?