Editor - Adaptive Behavior

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

As of Q2 2015, RadEditor provides Mobile rendering, that is especially designed for mobile devices and facilitates the user experience with UI based on native mobile applications.

To test the Adaptive Behavior on a mobile device, you can use your phone and scan the QR code above, which will navigate you to the mobile demo of RadEditor.

If you rather want to test it locally, enable the Adaptive Behavior by following these steps:

  1. Set the RenderMode property of RadEditor either to Auto or Mobile
    (You can find out more about the differences of these two options in the Render Modes help article);

  2. Adjust the viewport of your page by putting this meta tag in the head element:

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    (You can read more about why this is needed in MDN's Using the viewport meta tag to control layout on mobile browsers article)

  3. Run the created page under your phone's browser.

For optimal experience on mobile devices, we suggest that you use Telerik controls together with the Page Layout Framework, which will add responsive capabilities to your layout.

See more mobile-optimized demos of Telerik controls in this responsive sample app.

  • DefaultVB.aspx
<%@ Page Title="" Language="VB"  AutoEventWireup="false" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-thin no-bg">
        <qsf:QrCode runat="server" ID="QrCode" NavigateUrl="http://tlrk.it/138V8xX" />

Find Assistance

Help Us Improve

Was this example helpful?