TileList - Right-to-left Support

First
1
Second
2
Third
3

מתן משפטית זכויות משופרות ב, בה ויש היום מיזמי לעתים. דרכה משחקים יוצרים דת אחד, ערכים לראות ויקיפדיה חפש על. הגרפים אגרונומיה היא על, להפוך תבניות טכניים למחיקה אנא אל, המשפט ביוני ותשובות

Fourth
4
Fifth
5
בדפים מה. מיזם טבלאות תיאטרון זכר אל. בדף מה מאמר פולנית, ב להפוך למאמרים שימושיים בדף,
Sixth
6
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadTileList supports right-to-left presentation. You only need to set the dir property (or the CSS direction property) to rtl for the parent element of the control.

RadTileList adds the rtlistRtl CSS class when placed in an element with dir set to rtl. This facilitates skinning and providing RTL specific settings.

This example demonstrates different tile types and how they look like when placed in an RTL environment. The tiles are numbered via their badges and titles so you can examine their order easily.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Title="" Language="C#"  AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.TileList.Right_To_Left_Support.DefaultCS" %>

<%@ 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 class="demo-container no-bg size-wide">
        <div style="direction: rtl;">
            <telerik:RadTileList RenderMode="Lightweight" runat="server" ID="RadTileList1" TileRows="2" SelectionMode="Single" EnableDragAndDrop="true">
                <Groups>
                    <telerik:TileGroup>
                        <telerik:RadIconTile ImageUrl="../../images/Tiles/IconTile.png" Shape="Wide">
                            <Title Text="First"></Title>
                            <Badge Value="1" />
                        </telerik:RadIconTile>
                        <telerik:RadImageAndTextTile Shape="Wide" ImageUrl="../../images/Wide/img_documentation.png">
                            <Title Text="Second"></Title>
                            <Badge Value="2" />
                        </telerik:RadImageAndTextTile>
                        <telerik:RadImageTile ImageUrl="../../images/Square/img_gauge.png">
                            <Title Text="Third"></Title>
                            <Badge Value="3" />
                        </telerik:RadImageTile>
                        <telerik:RadContentTemplateTile Shape="Wide">
                            <ContentTemplate>
                                <div style="padding: 10px;">
                                    <p>מתן משפטית זכויות משופרות ב, בה ויש היום מיזמי לעתים. דרכה משחקים יוצרים דת אחד, ערכים לראות ויקיפדיה חפש על. הגרפים אגרונומיה היא על, להפוך תבניות טכניים למחיקה אנא אל, המשפט ביוני ותשובות </p>
                                </div>
                            </ContentTemplate>
                            <Title Text="Fourth"></Title>
                            <Badge Value="4" />
                        </telerik:RadContentTemplateTile>
                    </telerik:TileGroup>
                    <telerik:TileGroup>
                        <telerik:RadLiveTile Shape="Wide" UpdateInterval="10000">
                            <WebServiceSettings Method="GetRandomData" Path="defaultcs.aspx" />
                            <ClientTemplate>
                            <div style="padding: 10px;">
                                <p>על ביולוגיה מלך או אקראי, על מנת לבחור אנתרופולוגיה כאן. ספרות יידיש הבאה גם לממן את עקרונות הקהילה כדי למנוע יותר. שפות מסוימות לכאן כמה ספרים, המספק את המידע הדרוש חיפוש אספרנטו, לכל</p>
                                Random live data: <strong>#=data#</strong>
                            </div>
                            </ClientTemplate>
                            <Title Text="Fifth"></Title>
                            <Badge Value="5" />
                        </telerik:RadLiveTile>
                        <telerik:RadTextTile Text="בדפים מה. מיזם טבלאות תיאטרון זכר אל. בדף מה מאמר פולנית, ב להפוך למאמרים שימושיים בדף,">
                            <Title Text="Sixth"></Title>
                            <Badge Value="6" />
                        </telerik:RadTextTile>
                    </telerik:TileGroup>
                </Groups>
            </telerik:RadTileList>
        </div>
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?