Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

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

 

 

OutSystems

ドロップダウン

Dropdown UIパターンを使用すると、ユーザーが複数のオプションから選択することができます。Dropdown UIパターンは、5つ以上のオプションの選択肢を提供するために使用します。オプションの数が非常に多い場合は、コンテキストが失われないようにするため、Dropdown Select UIパターンを使用することを検討してください。

Dropdown UIパターンの使用方法

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

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

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

  3. Prompt]プレースホルダにDropdownの名前を入力し、[Dropdown List]プレースホルダにDropdownの値を入力します。

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

プロパティ

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



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