We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to change the background color for editing cell

Platform: Xamarin.iOS |
Control: SfDataGrid |
Product Version: 13.4.0.53

SfDataGrid allows you to customize the background color for editing cell by customizing the cell renderer associated to the edited grid cell.

Refer the below code example in which GridCellNumericRenderer is customized and the OnInitializeEditView method is overridden to customize the background color of the editing cell.

NumericColumnRenderer

public class NumericColumnRenderer : GridCellNumericRenderer
{
       public NumericColumnRenderer()
       {
 
        }
 
       public override void OnInitializeEditView(DataColumnBase dataColumn, SFNumericTextBox view)
       {
            base.OnInitializeEditView(dataColumn, view);
            view.BackgroundColor = UIColor.Cyan;
       }
}

 

MyViewController:

In MyViewController, the existing GridCellNumericRenderer has to be removed from SfDataGrid.CellRenderers collection and the customized NumericCellRenderer has to be added to the CellRenderer collection.

public class MyViewController:UIViewController
{
      SfDataGrid dataGrid;
      ViewModel viewModel;
      public MyViewController()
      {
            dataGrid = new SfDataGrid();
            viewModel = new ViewModel();
      }
 
      public override void ViewDidLoad()
      {
            base.ViewDidLoad();
            this.View.BackgroundColor = UIColor.White;
            dataGrid.ItemsSource = viewModel.OrdersInfo;
            dataGrid.AutoGenerateColumns = false;
            dataGrid.AllowEditing = true;
            dataGrid.EditTapAction = TapAction.OnTap;
            dataGrid.CellRenderers.Remove("Numeric");
            dataGrid.CellRenderers.Add("Numeric", new NumericColumnRenderer());
            var numericColumn = new GridNumericColumn();
            numericColumn.MappingName = "OrderID";
            numericColumn.AllowEditing = true;
            dataGrid.Columns.Add(numericColumn);
 
            this.View.AddSubview(dataGrid);
      }
      public override void ViewDidLayoutSubviews()
      {
            dataGrid.Frame = new CGRect(0, 50, View.Frame.Width, View.Frame.Height - 20);
            base.ViewDidLayoutSubviews();
      }
}

 

Screenshot:

C:\Users\pavithra.sivakumar\AppData\Local\Microsoft\Windows\INetCache\Content.Word\EditingCell.png      

Sample Link: How to change the background color for editing cell?

 

2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile