This is a migrated thread and some comments may be shown as answers.

RadSplitter Problem

4 Answers 88 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 26 Oct 2010, 09:15 AM

radsplitterrtl.zip

Hi Mahmoud,

I am not quite sure I understand the problem. Is the problem that the RadPanelBar items do not have right-to-left direction applied (the text and elements inside RadPanelBar items are not positioned on the right), or that the entire RadPanelBar is not positioned on the right? Could you please provide some sample page demonstrating along with screenshots demonstrating the problem?

RadSplitter supports Right-To-Left direction applied to its parent (or directly to the page's <body> element). For your convenience I have attached a sample page with RadPanelBar inside RadSplitter with Right-To-Left direction, could you please modify the sample page to the point where the problem occurs and send it back so we can investigate it further?

Best wishes,
Dobromir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 26 Oct 2010, 12:38 PM

rtlproblem.png

Thank you for your response .
I read this url on telerik http://www.telerik.com/community/forums/aspnet/splitter/rtl-on-radsplitter.aspx
this thread told me that splitter does not support Arabic because I had the same problem of this thread.

Now , My current problem is the entire items text of RadPanelBar..This RadPanelBar is inside the RadSplitter..I wrote my html code here to clarify..I also attached a print screen of my application

The Items Mail ,Calender , Contacts and Tasks are shown in the print screen as ltr .. I want them to be on the right side of this RadPane inside the RadSplitter.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test3.aspx.cs" Inherits="Arabic_Test3" %>

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

<%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %>

<!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" dir="rtl">

<head runat="server">
<title></title>
<link rel="stylesheet" type="text/css" href="../Styles/CommonStyles.css" />
<link href="../Green/PanelBar.Green.css" rel="stylesheet" type="text/css" />
</head>

<body class="body" onkeypress="return disableRefresh(event);" onkeydown="return disableRefresh(event);">

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

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

<rad:RadAjaxManager ID="uxRadAjaxManager" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" />

<rad:AjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="true"   CssClass="MyModalPanel" Transparency="110">
      <asp:Image ID="Image1" runat="server" ImageUrl="~/Utilities/Images/loading1.gif" AlternateText="loading.." />
      <span id="WorkingSpan" runat="server">...Working</span>
</rad:AjaxLoadingPanel>



    <table cellpadding="0" cellspacing="0" width="100%">

        <tr id="headertr">
        <td valign="top" colspan="2" style="height:22px">
        <input type="button" value="English" class="langbtn" onclick="location.href='../English/Default.aspx'" />
        |
        <input type="button" value="العربية" class="langbtn" onclick="location.href='../Arabic/Default.aspx'" />
        <br />
        </td>
        </tr>

        <tr>
        <td valign="top" colspan="2">
        <div style="height:100% ;direction: rtl">

        <telerik:RadSplitter ID="RadSplitter1" Skin="Office2007" CssClass="body" SplitBarsSize="4" runat="server" Width="100%" Height="100%" LiveResize="true" >

         <telerik:RadPane ID="RadPane1" runat="server" Height="580px" Width="15%" CssClass="body" Scrolling="None">

          <telerik:RadPanelBar Skin="Office2007"
            runat="server" ID="RadPanelBar1"
            Height="380px" dir="rtl"
            ExpandMode="FullExpandedItem">
            <Items>
                <telerik:RadPanelItem Text="Mail" ImageUrl="Img/mail.gif" Expanded="True">
                    <Items>
                        <telerik:RadPanelItem ImageUrl="Img/mailPersonalFolders.gif" Text="Personal Folders" />
                        <telerik:RadPanelItem ImageUrl="Img/mailDeletedItems.gif" Text="Deleted Items" />
                        <telerik:RadPanelItem ImageUrl="Img/mailInbox.gif" Text="Inbox" />
                        <telerik:RadPanelItem ImageUrl="Img/mailFolder.gif" Text="My Mail" />
                        <telerik:RadPanelItem ImageUrl="Img/mailSent.gif" Text="Sent Items" />
                        <telerik:RadPanelItem ImageUrl="Img/mailOutbox.gif" Text="Outbox" />
                        <telerik:RadPanelItem ImageUrl="Img/mailSearch.gif" Text="Search Folders" />
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Text="Calendar" ImageUrl="Img/calendar.gif">
                    <Items>
                        <telerik:RadPanelItem>
                            <ItemTemplate>
                                <telerik:RadCalendar runat="server" ID="Calendar1" Style="margin: 6px auto 0" />
                            </ItemTemplate>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Text="Contacts" ImageUrl="Img/contacts.gif">
                    <Items>
                        <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="My Contacts" />
                        <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="Address Cards" />
                        <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="Phone List" />
                        <telerik:RadPanelItem ImageUrl="Img/contactsItems.gif" Text="Shared Contacts" />
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Text="Tasks" ImageUrl="Img/tasks.gif">
                    <Items>
                        <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="My Tasks" />
                        <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="Shared Tasks" />
                        <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="Active Tasks" />
                        <telerik:RadPanelItem ImageUrl="Img/tasksItems.gif" Text="Completed Tasks" />
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Text="Notes" ImageUrl="Img/notes.gif">
                    <Items>
                        <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="My Notes" />
                        <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="Notes List" />
                        <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="Shared Notes" />
                        <telerik:RadPanelItem ImageUrl="Img/notesItems.gif" Text="Archive" />
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Text="Folders List" ImageUrl="Img/folderList.gif">
                    <Items>
                        <telerik:RadPanelItem ImageUrl="Img/mailOutbox.gif" Text="My Client.Net" />
                        <telerik:RadPanelItem ImageUrl="Img/mailOutbox.gif" Text="My Profile" />
                        <telerik:RadPanelItem ImageUrl="Img/mailOutbox.gif" Text="My Support Tickets" />
                        <telerik:RadPanelItem ImageUrl="Img/mailOutbox.gif" Text="My Licenses" />
                    </Items>
                </telerik:RadPanelItem>
            </Items>
        </telerik:RadPanelBar>


         </telerik:RadPane>

         <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

         <telerik:RadPane ID="RadPane2" runat="server" Width="85%" contenturl="Login.aspx" Height="580px">

         </telerik:RadPane>

         </telerik:RadSplitter>

        </div>

        </td>

        </tr>

        <tr id="bottom tr">
        <td valign="top" colspan="2" style="border-top:1px solid LightBlue">

        Hi Bottttttttttttttttttttom
        </td>
        </tr>

   </table>
    <br />
    </form>
</body>
</html>

answered on 28 Oct 2010, 04:14 PM

2010-10-28-1810.png

Hi Mahmoud,

The mentioned forum thread from the RadSplitter for ASP.NET forums, not RadSplitter for ASP.NET AJAX. None AJAX RadSplitter does support Right-To-Left direction.

In the provided sample page I noticed that you are using RadControls for ASP.NET AJAX, however, I was unable to reproduce the problem using the latest version Q2 2010 SP2 (please find the attached image demonstrating the provided page on my). Could you please upgrade to the latest official version and see if the problem still exists. If so, could you please open a support ticket and provide a simple runnable project reproducing the problem?

Kind regards,
Dobromir
the Telerik team