Render Modes
Some controls from the UI for ASP.NET AJAX suite can produce different (usually more lightweight) markup and make styling easier through CSS3. Below you can find a list with the modes each control supports. For more information on the feature and its benefits, examine the Render modes help article.
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 | - |
If you are extending the Telerik controls that support render modes through a property (i.e., they are not lightweight by design, for example), you need to addseveral properties to your class that will provide this functionality:
Example 1: Properties that enable you to use RenderModes for controls inherited from the Telerik controls.
public class BaseScheduler : RadScheduler
{
public BaseScheduler()
{
SetDefaultValues();
}
private void SetDefaultValues()
{
if (DesignMode)
{
return;
}
}
//only add this property if the base control implements Lightweight rendering via the RenderMode property
protected override bool SupportsLightweightRendering
{
get
{
return true;
}
}
//only add this property if the base control implements Adaptive (Mobile) rendering via the RenderMode property
protected override bool SupportsAdaptiveRendering
{
get
{
return true;
}
}
//only add this property if the base control implements Native rendering via 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
'only add this property if the base control implements Lightweight rendering via the RenderMode property
Protected Overrides ReadOnly Property SupportsLightweightRendering() As Boolean
Get
Return True
End Get
End Property
'only add this property if the base control implements Adaptive (Mobile) rendering via the RenderMode property
Protected Overrides ReadOnly Property SupportsAdaptiveRendering() As Boolean
Get
Return True
End Get
End Property
'only add this property if the base control implements Native rendering via the RenderMode property
Protected Overrides ReadOnly Property SupportsNativeRendering() As Boolean
Get
Return True
End Get
End Property
End Class