Render Modes

RadPushButtonsupports onlyLightweightrender mode. Generally it is exposed via theRenderModeproperty that can have five possible values -Classic,Lightweight,Native,MobileandAuto.

The possible options are:

• Lightweight—this is the default mode and it emphasizes on semantic HTML and CSS3 which makes the control easy to customize (including custom skins creation).

• Classic,Native,Mobile—these modes are not supported. If you set them, the mode will fall back automatically toLightweight.

• Auto—this mode makes each control choose the appropriate rendering mode according to the used browser.

RadPushButton, as well as the other controls included in the Telerik® UI for ASP.NET AJAX suite that utilize render modes, support only one type of render mode per page. This includes mode being set for a standalone RadPushButton. All such controls must have the same RenderMode on a given page.This also includes instances from user controls and master pages.

RadButton, RadCheckBox, RadImageButton, RadLinkButton, RadPushButton and RadToggleButton share the same rendering and stylesheets, so all their instances on the same page must haveRenderMode=Lightweightbecause this is the only mode supported by all of these controls. If you experience problems with distorted appearance see theDistorted Appearancearticle.

Setting Render Mode

There are two ways to configure the rendering mode of the controls:

• TheRenderMode propertyin the markup or in the code-behind that can be used for a particular instance:

  ASP.NET

  C#

  RadPushButton1.RenderMode = Telerik.Web.UI.RenderMode.Lightweight;

  VB

  RadPushButton1.RenderMode = Telerik.Web.UI.RenderMode.Lightweight

• Aglobal setting in the web.configfile that will affect the entire application, unless a concrete value is specified for a given control instance:

  web.config

See Also

• Mobile Support Overview

• Elastic Design

• Fluid Design