TagCloud - Right-To-Left Support

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

The RadTagCloud fully supports right-to-left (RTL) language locales. The RadTagCloud is created and added to the page as a child of the body element and in order to turn on the RTL support you should set dir=rtl to the html or body elements or set the direction:rtl css property as well.

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

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div dir="rtl" class="demo-container size-narrow">
        <telerik:RadTagCloud RenderMode="Lightweight" ID="RadTagCloud1" runat="server">
            <Items>
                <telerik:RadTagCloudItem Text="ASP.NET" Weight="12"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="AJAX" Weight="134"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="VB" Weight="56"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="C#" Weight="38"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Web" Weight="73"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="jQuery" Weight="23"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text=".NET" Weight="78"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Code" Weight="50"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="UI" Weight="80"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Unit" Weight="20"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Class" Weight="50"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Tools" Weight="40"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Dynamic" Weight="58"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Telerik" Weight="60"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="HTTP" Weight="64"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Start" Weight="62"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Response" Weight="23.7"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Client-side" Weight="55"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Default" Weight="8.5"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Event" Weight="45"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Property" Weight="24"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Tests" Weight="81"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Method" Weight="87"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="DataSource" Weight="34"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="JavaScript" Weight="35.70"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Server-side" Weight="59.3"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Accessibility" Weight="15.7"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="HTML5" Weight="90"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="XHTML" Weight="47.8"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Compliance" Weight="29.45"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Callback" Weight="53"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Request" Weight="39.3"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Postback" Weight="9.5"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="DOM" Weight="65.49"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Markup" Weight="35.49"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Trigger" Weight="24.975"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="XML" Weight="43.975"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="CSS" Weight="14.392"></telerik:RadTagCloudItem>
                <telerik:RadTagCloudItem Text="Object" Weight="85.6"></telerik:RadTagCloudItem>
            </Items>
        </telerik:RadTagCloud>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?