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