New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

Accessing Controls

Updated on Oct 7, 2026

With Mobile RenderMode, you access RadGrid controls in the same way as in other render modes, with a few mobile-specific differences. The control types can differ because mobile rendering uses native HTML controls by default.

Access column editors in PopUp edit mode

By default, mobile rendering uses native controls for column editors. Account for this difference when you retrieve references to column editors.

With EditForms, InPlace, and Batch edit modes, you retrieve column editors as in other render modes. PopUp edit mode is different because mobile editing uses a separate menu with a different layout and control structure.

The following example retrieves references to native column editors in PopUp edit mode:

ASP.NET
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>

<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid_NeedDataSource"
	RenderMode="Mobile" OnItemCreated="RadGrid1_ItemCreated">
	<MasterTableView CommandItemDisplay="Top" EditMode="PopUp" AutoGenerateColumns="false">
		<Columns>
			<telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
			<telerik:GridNumericColumn DataField="ID" HeaderText="ID"></telerik:GridNumericColumn>
			<telerik:GridBoundColumn DataField="Name" HeaderText="Name"></telerik:GridBoundColumn>
			<telerik:GridDateTimeColumn DataField="Date" HeaderText="Date"></telerik:GridDateTimeColumn>
			<telerik:GridCheckBoxColumn DataField="Active" HeaderText="Active"></telerik:GridCheckBoxColumn>
		</Columns>
	</MasterTableView>
</telerik:RadGrid>
C#
using System;
using System.Data;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
	if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
	{
		GridEditFormItem item = e.Item as GridEditFormItem;
		TextBox idEditor = item.EditFormCell.FindControl("ID").Controls[0] as TextBox;
		TextBox nameEditor = item.EditFormCell.FindControl("Name").Controls[0] as TextBox;
		TextBox dateEditor = item.EditFormCell.FindControl("Date").Controls[0] as TextBox;
		CheckBox boolEditor = item.EditFormCell.FindControl("Active").Controls[0] as CheckBox;
	}
}

protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
	DataTable table = new DataTable();
	table.Columns.Add("ID", typeof(int));
	table.Columns.Add("Name", typeof(string));
	table.Columns.Add("Date", typeof(DateTime));
	table.Columns.Add("Active", typeof(Boolean));
	for (int i = 0; i < 5; i++)
	{
		table.Rows.Add(i, "Name" + i, DateTime.Now.AddDays(i), i % 2 == 0);
	}

	(sender as RadGrid).DataSource = table;
}

To render standard editors instead of native controls, set the UseNativeEditorsInMobileMode property of a GridEditableColumn to False. Each column then renders the editor corresponding to its type. For example, GridNumericColumn uses RadNumericTextBox and GridDateTimeColumn uses RadDatePicker.

See Also