Render Modes

Some Telerik UI for ASP.NET AJAX controls provide more lightweight markup and facilitate styling through CSS3.

The following table lists the modes each control supports. For more information, refer to the article on render modes in the Styling & Appearance section.

Control	Lightweight Rendering	Mobile Rendering
Ajax	N/A	-
AutoCompleteBox	Yes (by design)	-
AsyncUpload	Yes (render mode)	-
BarCode	N/A	-
Button	Yes (render mode)	-
HtmlChart	N/A	-
Calendar	Yes (render mode)	-
Captcha	N/A	-
CheckBox	Yes (by design)	-
ColorPicker	Yes (render mode)	-
Combobox	Yes (render mode)	-
DataForm	Yes (by design)	-
DataPager	Yes (render mode)	Yes (render mode)
Diagram	Yes (by design)	-
Dock	Yes (render mode)	-
Drawer	Yes (by design)	-
DropDownList	Yes (by design)	-
DropDownTree	Yes (by design)	-
Editor	Yes (render mode)	Yes (render mode)
FileExplorer	Yes (render mode)	-
Filter	Yes (render mode)	-
FormDecorator	Yes (render mode)	-
Gantt	Yes (by design)	-
Gauge	N/A	-
Grid	Yes (render mode)	Yes (render mode)
HtmlChart	Yes (by design)	-
ImageButton	Yes (render mode)	-
ImageEditor	Yes (render mode)	-
ImageGallery	Yes (by design)	Yes (render mode)
Input	Yes (render mode)	-
LightBox	Yes (by design)	Yes (render mode)
LinkButton	Yes (by design)	-
ListBox	Yes (render mode)	-
Map	N/A	-
MediaPlayer	Yes (by design)	Yes (render mode)
Menu	Yes (render mode)	Yes (render mode)
MultiColumnComboBox	Yes (by design)	-
MultiSelect	Yes (by design)	-
Notification	Yes (render mode)	-
OrgChart	Yes (render mode)	-
PanelBar	Yes (render mode)	-
PivotGrid	Yes (render mode)	-
ProgressArea	-	-
ProgressBar	Yes (by design)	-
PushButton	Yes (by design)	-
Rating	Yes (render mode)	-
RibbonBar	-	-
Rotator	Yes (by design)	-
SearchBox	Yes (by design)	-
Scheduler	-	Yes (render mode)
SiteMap	-	-
Slider	Yes (render mode)	-
SocialShare	Yes (render mode)	-
Spell	Yes (child control - Window)	-
Splitter	Yes (render mode)	-
TabStrip	-	-
TagCloud	Yes (by design)	-
Ticker	Yes (by design)	-
Tile	Yes (by design)	-
TileList	Yes (by design)	-
ToolBar	-	-
ToolTip	Yes(render mode)	-
ToggleButton	Yes(render mode)	-
TreeList	Yes (render mode)	-
TreeMap	Yes (by design)	-
TreeView	Yes (render mode)	-
Wizard	Yes (by design)	Yes (render mode)
Window	Yes (render mode)	-
XmlHttpPanel	N/A	-

To extend the rendering mode of Telerik controls by using a property, that is, the controls are not lightweight by design for example, you need to add specific properties to your class to provide this functionality:

The following example demonstrates the properties which enable you to use RenderMode for controls inherited from the Telerik controls.

C#

public class BaseScheduler : RadScheduler
{
	public BaseScheduler()
	{
		SetDefaultValues();
	}

	private void SetDefaultValues()
	{
		if (DesignMode)
		{
			return;
		}
	}

	//Add this property only if the base control implements the Lightweight rendering through the RenderMode property
	protected override bool SupportsLightweightRendering
	{
		get
		{
			return true;
		}
	}

	//Add this property only if the base control implements Adaptive (Mobile) rendering through the RenderMode property
	protected override bool SupportsAdaptiveRendering
	{
		get
		{
			return true;
		}
	}

	//Add this property onyl if the base control implements Native rendering through the RenderMode property
	protected override bool SupportsNativeRendering
	{
		get
		{
			return true;
		}
	}
}

VB

Public Class BaseScheduler
	Inherits RadScheduler
	Public Sub New()
		SetDefaultValues()
	End Sub

	Private Sub SetDefaultValues()
		If DesignMode Then
			Return
		End If
	End Sub

	'Add this property only if the base control implements Lightweight rendering through the RenderMode property
	Protected Overrides ReadOnly Property SupportsLightweightRendering() As Boolean
		Get
			Return True
		End Get
	End Property

	'Add this property only if the base control implements Adaptive (Mobile) rendering through the RenderMode property
	Protected Overrides ReadOnly Property SupportsAdaptiveRendering() As Boolean
		Get
			Return True
		End Get
	End Property

	'Add this property only if the base control implements Native rendering through the RenderMode property
	Protected Overrides ReadOnly Property SupportsNativeRendering() As Boolean
		Get
			Return True
		End Get
	End Property
End Class