---
category: [Administration & Integrations, Platform and Product Extensions, Platform and Product Extensions/Integration, Administration & Integrations/Custom Integrations & Apps, Platform and Product Extensions/Workday Extend]
keyword: [Extend, Presentation Components, widgets, tags, UI components]
nav: wcp_docs
parent_url: /wcp_docs/
title: dropdownEditButton
layout: subsection
wd_wcptag: dropdownEditButton
---

<a id="section_N10021_N1001E_N10001"></a>
Use `dropdownEditButton` with the `editButtonBar` when the button needs to display a drop-down list of values to select from. This button can only occur within the `editButtonBar`.

Use `dropdownEditButton` only on edit pages.

## <a id="section_tcq_yjc_ccb"></a>Example

```
{
  "type": "editButtonBar",
  "editButtons": [
    {
      "type": "dropdownEditButton",
      "id": "acceptButton",
      "buttonType": "PRIMARY",
      "enabled": "false",
      "dropDown": {
        "id": "accept",
        "type": "dropdown",
        "label": "Accept",
        "instanceList": [
          {
            "id": "7",
            "descriptor": "Accept"
          }
        ]
      }
    },
    {
      "type": "dropdownEditButton",
      "id": "rejectButton",
      "buttonType": "AUXILIARY",
      "dropDown": {
         "id" : "reject",
         "type": "dropdown",
         "label": "Reject",
         "instanceList": [
           {
             "id": "2",
             "descriptor": "No Reason Specified"
           },
           {
             "id": "3",
             "descriptor": "Did not clear interview"
           },
           {
             "id": "4",
             "descriptor": "Did not do well in test"
           }
         ]
      }
    }
  ]
}
```

## <a id="section_lg4_v1g_khb"></a>Mobile Support

Android, iOS

## <a id="section_kt1_dkg_5cb"></a>Attributes

-   <b>buttonType</b>

    Data type: string

    The display style of the button. Valid values:

    -   `PRIMARY` - Displays a button with high emphasis. This display style is typically for designating the primary action that moves the user forward in a process.
    -   `AUXILIARY` - (Default) Displays a button with medium emphasis. This display style is typically for:

        -   Secondary actions on a screen.
        -   Canceling a process.
        -   Taking an action that moves the user away from a process.

    -   `LINK` - Displays a link. This display style is for a page navigation option. Not supported in the Workday mobile app.

-   <b>dropDown</b>

    Data type: dropDown

    Specifies the `dropdown` tag with the `instanceList` array containing the list of values. Example:

    ```
    "dropDown": {
      "id" : "reject",
      "type": "dropdown",
      "label": "Reject",
      "instanceList": [
        {
          "id": "2",
          "descriptor": "No Reason Specified"
        },
        {
          "id": "3",
          "descriptor": "Did not clear interview"
        },
        {
          "id": "4",
          "descriptor": "Did not do well in test"
        }
      ]
    }
    ```

-   <b>id</b>

    Data type: binding-String

    Unique identifier used to reference this widget from other tags.

    Notes:

    -   The `id` must start with a letter.
    -   The `id` must be unique per page.
    -   To enable other widgets to reference this widget `id`, place this widget before the other widgets on the PMD. The PMD validation returns an "Undefined variable" error if it doesn't find a previously defined `id` in the PMD.
    -   Workday recommends that you include the `id` in your tag definitions for debugging purposes.

-   <b>render</b>

    Data type: binding-Boolean

    If true, this tag renders as a widget on the page. If false, the loaded page doesn't add this tag or its children. The default is true.

    Unlike the `visible` attribute, when `render` is false, other tags on the page can't reference this tag or widget on edit pages. On view pages, a tag can't reference other tags regardless of the `render` attribute value.

-   <b>visible</b>

    Data type: dynamicBinding-Boolean

    If true, the widget generated by this tag is visible. If false, this tag and its children tags aren't visible. This tag provides the ability to display or hide the widget dynamically based on user interactions on the page. The default is true. Unlike the `render` attribute, the generated widget persists on the page even when `visible` is false.

    <b>Notes:</b>

    -   When the widget or field you’re hiding changes on the page, you must include it inside a `fieldSet`.
    -   When the `visible` attribute is false for this widget on an edit page, the outbound endpoint doesn't include the `valueOutBinding` or `valuesOut` data of the widget in the payload. To include the `valueOutBinding` or `valuesOut` data in the payload, use the `onSend` event handler.