Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

Template:OutSystems/OSLanguageSwitcher
Language:

 

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

 

 

 
OutSystems

Blank Slate

Blank State UIパターンを使用すると、タスクを完了したときや表示可能なデータがないときなどに、エンドユーザーに通知できます。

Blank Slate UIパターンの使用方法

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

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

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

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

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

デフォルトで、Blank Slateウィジェットには[icon]プレースホルダと[Text]プレースホルダが含まれています。

1.プレースホルダにコンテンツを追加します。この例では、[Icon]プレースホルダを選択し、[Properties]タブの[Name]ドロップダウンでカレンダーアイコンを選択して、アイコンをカレンダーアイコンに変更しています。また、[Text]プレースホルダに新しいテキストを入力しています。

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

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

プロパティ

プロパティ 説明
Position(PositionExtended Identifier型): オプション ウィジェットの位置を設定します。

  • 空白 - ウィジェットが画面の中央に表示されます。これがデフォルトです。
  • Entities.PositionExtended.BottomRight - 画面の右下にウィジェットが表示されます。
ExtendedClass(Text型): オプション Blank Slate UIパターンにカスタムスタイルクラスを追加します。CSSを使用して、アプリケーションのカスタムスタイルクラスを定義します。

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