Skip to main content

 

 

 

 
Language:

 

 
モバイルアプリとリアクティブWebアプリにのみ適用されます

 

 
 
OutSystems

Margin Container

Margin Container UIパターンを使用すると、コンテナの周囲に対称なパディングを追加できます。

Margin Container UIパターンの使用方法

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

    Margin Containerウィジェットが表示されます。

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

    必要な数のMargin Containerウィジェットを追加できます。この例では、2つ追加しています。

  3. 関連するコンテンツを[Margin Container]プレースホルダに追加します。

    この例では、各プレースホルダにImageウィジェットを追加し、[Properties]タブの[Image]ドロップダウンを使用して画像をインポートしています。

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

プロパティ

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

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