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

RTL

San Francisco
City in California

San Francisco, officially City and County of San Francisco and colloquially known as SF, San Fran or "The City", is the cultural, commercial, and financial center of Northern California.

Map Weather
The RadFloatingActionButton control supports Right-to-Left rendering and automatically adjusts its alignment and icon rendering based on the direction of the document.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" AutoEventWireup="true"  Inherits="Telerik.Web.Examples.FloatingActionButton.Rtl.DefaultCS" CodeFile="DefaultCS.aspx.cs" %>

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

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadWindowManager runat="server"></telerik:RadWindowManager>
    <script>
        function bookmarkClick(sender, args) {
            window.radalert("Added to Bookmarked!");
        }
    </script>
    <div class="demo-container">
        <div class="flex-container k-rtl" dir="rtl">
            <telerik:RadCard runat="server" ID="RadCard1" Orientation="Vertical">
                <telerik:CardBodyComponent runat="server">
                    <telerik:CardTitleComponent runat="server">San Francisco</telerik:CardTitleComponent>
                    <telerik:CardSubtitleComponent runat="server">City in California</telerik:CardSubtitleComponent>
                </telerik:CardBodyComponent>
                <telerik:CardImageComponent runat="server" src="https://demos.telerik.com/kendo-ui/content/web/cards/sanfran.jpg"></telerik:CardImageComponent>
                <telerik:CardBodyComponent runat="server">
                    <p>San Francisco, officially City and County of San Francisco and colloquially known as SF, San Fran or "The City", is the cultural, commercial, and financial center of Northern California.</p>
                </telerik:CardBodyComponent>
                <telerik:CardActionsContainerComponent runat="server" CardActionsAlignment="Stretched" Orientation="Vertical">
                    <telerik:CardActionComponent runat="server">
                        <span class="k-button k-button-flat-primary k-button-flat k-button-md k-rounded-md">Map</span>
                    </telerik:CardActionComponent>
                    <telerik:CardActionComponent runat="server">
                        <span class="k-button k-button-flat-primary k-button-flat k-button-md k-rounded-md">Weather</span>
                    </telerik:CardActionComponent>
                </telerik:CardActionsContainerComponent>
                <telerik:RadFloatingActionButton runat="server" ID="fabText" Text="Bookmark" Icon="bookmark" Shape="Pill" Size="Small" PositionMode="Absolute" Align="TopEnd">
                    <ClientEvents OnClick="bookmarkClick" />
                </telerik:RadFloatingActionButton>
            </telerik:RadCard>
        </div>
    </div>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance