Skip to main content

 

 

 

 
Language:

 

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

 

 
 
OutSystems

Section

Section UIパターンを使用すると、画面上のコンテンツを様々なセクションに整理できます。また、Section Index UIパターンとともに使用すると、各セクションのアンカーを作成することができます。

Section UIパターンの使用方法

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

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

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

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

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

    この例では、[Title]プレースホルダにタイトルを追加し、[Content]プレースホルダにテキストとボタンを追加しています。また、ユーザーがボタンをクリックすると新しいページにリダイレクトされるように設定しています。

  4. Properties]タブで(オプションの)プロパティを設定し、Sectionのルックアンドフィールをカスタマイズできます。

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

プロパティ

プロパティ 説明
UsePadding(Boolean型): オプション Trueに設定すると、コンテンツ領域にパディングが適用されます。これがデフォルト値です。Falseに設定すると、コンテンツ領域にはパディングが適用されません。
ExtendedClass(Text型): オプション Section UIパターンにカスタムスタイルクラスを追加します。CSSを使用して、アプリケーションのカスタムスタイルクラスを定義します。

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