New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Adaptive Behavior

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.

  • DefaultCS.aspx
<%@ Page Title="" Language="C#"  AutoEventWireup="true" %>

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

<!DOCTYPE html>
<html xmlns=''>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="demo-container size-thin no-bg">
        <qsf:QrCode runat="server" ID="QrCode" NavigateUrl="" />

Support & Learning Resources

Find Assistance