Cell button editor refers to a cell with an ellipsis button. This editor comes to use when you need to get an operation done or open a dialog on a button click. Such dialogs generally contain multiple different options or settings for a user to choose from.

Default Cell Button	Cell Button with Text	Cell Button with Custom Image

Display Cell Button

In FlexGrid, you can display a cell button by setting the ComboList property to an ellipsis character "...". You can also use a pipe character before ellipsis button to display an ellipsis with text box to let user enter his input. The CellButtonClick event is fired when user clicks the cell button. You can capture this event to implement the desired operation or display a dialog of your choice. 

By default, the cell button gets displayed when cell enters the edit mode. However, you can set the ShowButtons property to Always to display the cell button even in non-edit mode.

Use the code below to display cell button in a WinForms FlexGrid column.

 // Sets ComboList property of the Mark column to make it show cell button
 c1flexGrid1.Cols["Mark"].ComboList = "...";
        
 // Enables showing the cell button always
 c1flexGrid1.Cols["Mark"].ShowButtons = ShowButtonsEnum.Always;

 // Handle when the end user clicks Cell Button
 c1flexGrid1.CellButtonClick += C1flexGrid1_CellButtonClick;                         

' Sets ComboList property of the Mark column to make it show cell button
c1flexGrid1.Cols("Mark").ComboList = "..."

' Enables showing the cell button always
c1flexGrid1.Cols("Mark").ShowButtons = ShowButtonsEnum.Always

' Handle when the end user clicks Cell Button
c1flexGrid1.CellButtonClick += C1flexGrid1_CellButtonClick 

The ComboList property can also be set using the Combo List dialog at design time. To access the Combo List dialog:

1. Open the Column Tasks menu for column for which editor is to be set.
2. Go to the Combo List option and click the ellipsis button on the right hand side of the field.
3. Combo List dialog opens where you can specify the option values, each in a new line.
4. You can also choose whether you want to display these values as an Ellipsis Button or Textbox & Ellipsis Button. Note that it also gives you options to create Dropdown List and Dropdown Combo.
   

The example below demonstrates change in back color and fore color of the current row on click of the cell button. Similarly, you can perform the desired operation in the CellButtonClick event.

private void C1flexGrid1_CellButtonClick(object sender, RowColEventArgs e)
  {            
    // Perform any operation like the following code marks the current row by changing its color
       if (c1flexGrid1.Rows[e.Row].StyleDisplay.BackColor == Color.FromName("Window"))
     {
       c1flexGrid1.Rows[e.Row].StyleNew.BackColor = Color.Green;
       c1flexGrid1.Rows[e.Row].StyleNew.ForeColor = Color.White;
     }      else
     {
       c1flexGrid1.Rows[e.Row].StyleNew.BackColor = Color.FromName("Window");
           c1flexGrid1.Rows[e.Row].StyleNew.ForeColor = Color.FromName("WindowText");
     }
   }                        

Private Sub C1flexGrid1_CellButtonClick(ByVal sender As Object, ByVal e As RowColEventArgs)
    ' Perform any operation like the following code marks the current row by changing its color
    If c1flexGrid1.Rows(e.Row).StyleDisplay.BackColor Is Color.FromName("Window") Then
        c1flexGrid1.Rows(e.Row).StyleNew.BackColor = Color.Green
        c1flexGrid1.Rows(e.Row).StyleNew.ForeColor = Color.White
    Else
        c1flexGrid1.Rows(e.Row).StyleNew.BackColor = Color.FromName("Window")
        c1flexGrid1.Rows(e.Row).StyleNew.ForeColor = Color.FromName("WindowText")
    End If
End Sub          

Change Image of Cell Button

By default, cell button displays an ellipsis. However, you can change the image of cell button using the CellButtonImage property.

Set the image of cell button in the WinForms FlexGrid as shown in the code below.

// Sets CellButtonImage property to define the Image of the cell button
Image imgCellBtn = new Bitmap("../../Resources/Images/button.png");
c1flexGrid1.CellButtonImage = imgCellBtn;                        

' Sets CellButtonImage property to define the Image of the cell button
Dim imgCellBtn As Image = New Bitmap("../../Resources/Images/button.png")
c1flexGrid1.CellButtonImage = imgCellBtn