# Button Types

## Content

The text-based controls in Input like, TextBox, MaskedTextBox, ComboBox, NumericEdit, DateEdit and DropDownControl, facilitate the use of different button types, such as UpDown Button, Modal button and Custom Button.

## DropDown Button

With the **DropDown** button, you can display a dropdown form with list of items when clicked.

![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/dropdown-example.gif)

You can set an **DropDown** button in the control by navigating to the **ButtonSettings** and **DropDownButton** in the **Properties** window, and setting the **Enabled** and **Visible** properties to true.

![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/buttontypes-settings.png)

## UpDown Button

With an **UpDown** button, you can increment or decrement a value in the TextBox. You can set an **UpDown** button in the control by navigating to the **ButtonSettings** and **UpDownButton** in the **Properties** window\*\*,\*\* and setting the **Enabled** and **Visible** properties to true.

There are three types of UpDown buttons:

| **UpDown button types** | **Snapshots** |
| ------------------- | --------- |
| Default | ![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/updown-defaultbutton.png) |
| UpLeftDownRight | ![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/upleftdownright-button.png) |
| UpRightDownLeft | ![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/uprightdownleft-button.png) |

## Modal Button

You can set an **Modal** button in the control by navigating to the **ButtonSettings** and **ModalButton** in the **Properties** window\*\*,\*\* and setting the **Enabled** and **Visible** properties to true.

![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/modalbutton.png)

## **Custom Button**

You can set an **Custom** button in a control by navigating to the **ButtonSettings** and **CustomButton** in the **Properties** window. You can add an image for the custom dropdown icon using the **Image** property. To make the custom button visible, set the **Enabled** and **Visible** properties to true.

![](https://cdn.mescius.io/document-site-files/images/287a0e06-68cb-453e-816c-125f892133e7/images/dropdown-button.png)