Adding two or more controls in one cell

RELATED TO:

Article information

Article relates to

 RadGridView for WinForms

Created by

 Svetlin Ralchev, Telerik

Last modified

 December 01, 2009

Last modified by

 Svetlin Ralchev, Telerik

HOW-TO
Add one or more controls in one cell (e.g. a progress bar and label)

SOLUTION
This can be done easily by subscribing for CreateCell event and injecting new custom cell. Please, review the code and steps below:

1. Create a custom cell, which will replace the original cell of the column
   1.1 First, create a class that inherits from GridDataCellElement
   
public class   CustomProgressCell : GridDataCellElement
{ 
        public CustomInfoCell(GridViewColumn column, GridRowElement row) 
            : base(column, row) 
        {             
        } 
}

   1.2 Add the elements that you want to show in the cell as members of CustomProgressCell class
     
private StackLayoutPanel panel;
private RadLabelElement label;
private RadProgressBarElement progressBar;

  1.3 To add the elements in the cell you should override CreateChildElements method.
  
protected override void CreateChildElements()
{
    base.CreateChildElements();
 
    this.panel = new StackLayoutPanel();
    this.panel.Margin = new System.Windows.Forms.Padding(5);
    this.panel.Orientation = System.Windows.Forms.Orientation.Vertical;
 
    this.label = new RadLabelElement();
    this.label.TextAlignment = ContentAlignment.MiddleCenter;
    this.panel.Children.Add(this.label);
 
    this.progressBar = new RadProgressBarElement();
    this.progressBar.MinSize = new Size(0, 20);
    this.panel.Children.Add(this.progressBar);
 
    this.Children.Add(this.panel);
}
  
  1.4 Also you should override SetContentCore override method to support initialization of the cell value with the value of its elements.

  
protected override void SetContentCore(object value)
{
    object cellValue = value;
 
    if (cellValue is DBNull || cellValue == null)
        cellValue = 0;
 
    this.progressBar.Value1 = (int)cellValue;
    this.label.Text = "Value: " + cellValue.ToString();
}


2. We finished our work on  the custom cell element, but now we should associate the cells of the Progress Column with this custom cell type. In order to do so, handle the CreateCell event which is called once for each cell when RadGridView is shown for the first time. When this event is fired for the cells of Progress Column, we set the property CellType of the GridViewCreateCellEventArgs to our custom cell type:

private void radGridView1_CreateCell(object sender, GridViewCreateCellEventArgs e)
{
    if (e.CellType == typeof(GridDataCellElement))
    {
        GridViewDataColumn dataColumn = e.Column as GridViewDataColumn;
         
        if (dataColumn.UniqueName == "Progress")
        {
            e.CellType = typeof(CustomProgressCell);
        }
    }
}

3. In addition to make the look of the cell outstanding we should do the following lines in the constructor of the form:

this.radGridView1.Columns["Progress"].ReadOnly = true;
this.radGridView1.Columns["Progress"].MinWidth = 70;
this.radGridView1.GridElement.RowHeight = 50;

If you have further questions, feel free to ask us.

Greetings,
Author nickname
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community

  • Videos

    Over 100 videos on Telerik TV covering tips and tricks and new features in the controls

  • Demos

    Download 250+ C#/ VB.NET demos in a runnable Visual Studio project

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for WinForms

  • Documentation

    Detailed help articles and API references for all Telerik WinForms controls

  • Knowledge Base

    Tutorials and working examples on how to achieve common scenarios

  • Code Library

    Sample projects submitted by Progress staff and community members

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends

  • Release History

    Up-to-date release notes for all new features and improvements.