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.

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;
        }
    }
}

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