RadDock Title Problem

[Mohammad]

hi all,

i need to align the title of the dock from right that can support arabic language

i try put direction : rtl (right to left) in css file but dont change any thing

i need the title of the dock as following format

[ Corner-Image|CollapseCommand | Close                Title |Corner-Image ]

and the width of title must be as width of the zone we move dock to it

[Petio Petkov]

Hi Mohammad,

The RadDock fully supports right-to-left (RTL) language locales. The RadDocks are created and added to the page as children 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.

A simple example which illustrates rtl support is available here:
http://demos.telerik.com/aspnet-ajax/dock/examples/righttoleft/defaultcs.aspx



Kind regards,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mohammad]

Salam ;

this my asp code

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<%

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

 

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<

html xmlns="http://www.w3.org/1999/xhtml" >

 

<

head runat="server">

 

 

<title>Untitled Page</title>

 

 

<style type="text/css">

 

 

html

 

{

 

direction: rtl;

 

}

 

.topicDiv

 

{

 

font-weight:bold;

 

 

margin-top:5px;

 

 

margin-bottom:5px;

 

}

 

a, a:visited

 

{

 

color:#0066CC;

 

}

 

a:hover

 

{

 

color:#0066CC;

 

 

text-decoration:none;

 

}

 

</style>

 

 

</

head>

 

<

body>

 

 

<form id="form1" runat="server">

 

 

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" OutputCompression="AutoDetect">

 

 

</telerik:RadScriptManager>

 

 

<div>

 

 

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

 

 

<telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="300px">

 

 

<telerik:RadDock ID="RadDock1" runat="server" Width="300px">

 

 

<ContentTemplate>

 

test1000

 

</ContentTemplate>

 

 

</telerik:RadDock>

 

 

</telerik:RadDockZone>

 

 

</telerik:RadDockLayout>

 

 

 

</div>

 

 

</form>

 

</

body>

 

</

html>
-----------------
and code behind is empty

 

using

System;

 

 

 

using

System.Data;

 

 

 

using

System.Configuration;

 

 

 

using

System.Web;

 

 

 

using

System.Web.Security;

 

 

 

using

System.Web.UI;

 

 

 

using

System.Web.UI.WebControls;

 

 

 

using

System.Web.UI.WebControls.WebParts;

 

 

 

using

System.Web.UI.HtmlControls;

 

 

 

public

partial class _Default : System.Web.UI.Page

 

{

 

protected void Page_Load(object sender, EventArgs e)

 

{

}

}

////////////
note: all page  changed direction from right to left but the raddock not changed !!!
please i want see code to this page
src="Content.aspx"

please replay me as soon as
and thank

[Petio Petkov]

Hi Mohammad,

I tested the code that you sent with RadControls for ASP.NET AJAX latest version and everything is OK.
Please find attached the content.aspx code. 

Sincerely yours,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.