Skip to main content

 

 

 

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

Center Content

Center Content UIパターンを使用すると、コンテンツをコンテナの中央に合わせて縦方向に配置できます。

Center Content UIパターンの使用方法

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

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

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

    デフォルトで、Center Contentウィジェットには[Top]、[Center]、[Bottom]の各プレースホルダが含まれています。

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

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

プロパティ

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

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