Telerik blogs

Creating custom columns for RadGridView is super easy - all you need to do is to override CreateCellElement and/or CreateCellEditElement methods and return desired controls. To illustrate this I’ve made a column with RadProgressBar for view mode and RadSlider for edit mode:

And here is the code:

public class GridViewPercentageColumn : GridViewDataColumn
    public override FrameworkElement CreateCellElement(GridViewCell cell, object dataItem)
        var bar = cell.Content as RadProgressBar;

        if (bar == null)
            bar = new RadProgressBar();
            bar.Height = 20;
            bar.SetBinding(RadProgressBar.ValueProperty, this.DataMemberBinding);
            cell.Content = bar;

        return bar;

    public override FrameworkElement CreateCellEditElement(GridViewCell cell, object dataItem)
        var slider = new RadSlider();
        slider.Maximum = 0;
        slider.Maximum = 100;
        slider.SmallChange = 1;
        slider.LargeChange = 10;
        slider.SetBinding(RadSlider.ValueProperty, this.DataMemberBinding);
        return slider;



About the Author

Vladimir Enchev

is Director of Engineering, Native Mobile UI & Frameworks


Comments are disabled in preview mode.