Grid - Right-to-left Support

Received  
ReceivedFromFolder nameSize
 
rtl
 Item 1 to 12 of 52
Page:
of 5 Page size:
Received from date: Sunday, March 28, 2010
 3/28/2010EWarner@web.comDrafts2
 3/28/2010NBullard@web.comDeleted Items8
 3/28/2010TSholl@web.comDeleted Items9
 3/28/2010SWard@web.comDeleted Items65
 3/28/2010GTomlinson@web.comDrafts6
Received from date: Saturday, March 27, 2010
 3/27/2010FDuncan@web.comDeleted Items54
 3/27/2010KAnn@web.comDrafts2
 3/27/2010LSanborn@web.comDrafts87
 3/27/2010SBonner@web.comDeleted Items4378
 3/27/2010JGreenawalt@web.comJunk E-mail5678
 3/27/2010CCox@web.comJunk E-mail234
 3/27/2010EOmara@web.comJunk E-mail5
  • NoFilter
  • Contains
  • DoesNotContain
  • StartsWith
  • EndsWith
  • EqualTo
  • NotEqualTo
  • GreaterThan
  • LessThan
  • GreaterThanOrEqualTo
  • LessThanOrEqualTo
  • Between
  • NotBetween
  • IsEmpty
  • NotIsEmpty
  • IsNull
  • NotIsNull
  • Custom

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
RadGrid supports right-to-left presentation. You merely need to set the Dir property for the MasterTableView/GridTableViews to "RTL".

RadGrid renders RadGridRTL_SkinName class when placed in element with dir set to "rtl". This further facilitates skinning RadGrid and providing RTL specific settings.
  • DefaultCS.aspx
<%@ Page Language="c#"  %>

<%@ 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">
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxPanel runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
            <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" Width="100%"
                AllowPaging="True" PageSize="12" AllowSorting="True" ShowGroupPanel="True" AutoGenerateColumns="False"
                GridLines="none" AllowFilteringByColumn="true">
                <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
                <MasterTableView Dir="RTL">
                    <GroupByExpressions>
                        <telerik:GridGroupByExpression>
                            <SelectFields>
                                <telerik:GridGroupByField FieldAlias="Received" FieldName="Received" FormatString="{0:D}"
                                    HeaderValueSeparator=" from date: "></telerik:GridGroupByField>
                            </SelectFields>
                            <GroupByFields>
                                <telerik:GridGroupByField FieldName="Received" SortOrder="Descending"></telerik:GridGroupByField>
                            </GroupByFields>
                        </telerik:GridGroupByExpression>
                    </GroupByExpressions>
                    <Columns>
                        <telerik:GridBoundColumn SortExpression="Received" HeaderText="Received" HeaderButtonType="TextButton"
                            DataField="Received" DataFormatString="{0:d}">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="From" HeaderText="From" HeaderButtonType="TextButton"
                            DataField="From">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="FolderName" HeaderText="Folder name" HeaderButtonType="TextButton"
                            DataField="FolderName">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="Size" HeaderText="Size" HeaderButtonType="TextButton"
                            DataField="Size">
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings AllowDragToGroup="True">
                    <Selecting AllowRowSelect="True"></Selecting>
                </ClientSettings>
            </telerik:RadGrid>
        </telerik:RadAjaxPanel>
    </div>
    <br />
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString %>"
        SelectCommand="SELECT * FROM [Mails]"></asp:SqlDataSource>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?