RadSplitter Problem

5 posts, 0 answers
  1. Mahmoud
    Mahmoud avatar
    5 posts
    Member since:
    Sep 2010

    Posted 20 Oct 2010 Link to this post

    Hello ,

    I am creating a RadSplitter into my page..I have a problem..I tried to create RadPanelBar into a RadPane of the Splitter but the problem is the direction of my RadPanelBar items..I set dir="rtl" into the RadPanelBar header and to the <td> that contain it but it still display my RadPanelBar items as "ltr" direction.

    I heared that RaSplitter does not support "rtl" direction .. But the question is "If I created another control inside the splitter like the RadPanelBar item , The problem will still occure"


    There is no solution to create RadPanelBar as "rtl" direction of its items inside a RadPane of the Splitter ??


    Hope I explanied my self well and many thanks in advance for telerik support team or any other helper
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 26 Oct 2010 Link to this post

    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
  3. Mahmoud
    Mahmoud avatar
    5 posts
    Member since:
    Sep 2010

    Posted 26 Oct 2010 Link to this post


    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>
  4. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 28 Oct 2010 Link to this post

    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
    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
  5. Mahmoud
    Mahmoud avatar
    5 posts
    Member since:
    Sep 2010

    Posted 01 Nov 2010 Link to this post

    Many Thanks for your response.

    I think this issue may be due to my current version of telerik controls.So , I will check to update to the last version.


    Many Thanks again
Back to Top