Skip to main content

 

 

 

 
Language:
 
モバイルアプリとリアクティブWebアプリにのみ適用されます
Service Studioバージョン :
 
 
OutSystems

Blank Slate

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

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

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

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

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

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

  3. プレースホルダにコンテンツを追加します。

    この例では、アイコンをカレンダーアイコンに変更し、[Text]プレースホルダにテキストを入力し、[Actions]プレースホルダにボタンを追加しています。このボタンをクリックすると、ユーザーが別のページにリダイレクトされます。

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

プロパティ

プロパティ 説明
FullHeight(Boolean型): オプション Blank Slateを大きく表示して、ページ全体の高さにします。Trueの場合、Blank Slateはページ全体の高さになります。これがデフォルト値です。Falseの場合、Blank Slateはページ全体の高さになりません。
ExtendedClass(Text型): オプション Blank Slate UIパターンにカスタムスタイルクラスを追加します。CSSを使用して、アプリケーションのカスタムスタイルクラスを定義します。

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