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

Tooltip calendar - RTL issue

1 Answer 45 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
jc mag
Top achievements
Rank 1
jc mag asked on 07 Jun 2011, 11:42 AM
I want to display the hijri conversion of dates in a RadCalendar ; the problem is that the text is left-to-right and I need to change it to RTL...
(see picture attached, the tooltip should display "الإثنين 02 رمضان 1432")

1 Answer, 1 is accepted

Sort by
0
Fortune
Top achievements
Rank 1
answered on 08 Jun 2011, 09:33 PM
Hi, jc mag

You could iterate over all calendar’s cells and reverse the text from theirs title attribute. For example: 
<telerik:RadCodeBlock runat="server">
        <script type="text/javascript">
            function ChangeTitles(sender,eventArgs)
            {
                if(sender.CurrentViews.length>0)
                {
                    var allCells = getAllCells(sender.CurrentViews[0].DomTable);
                    if(allCells)
                    {
                        for(var i=9;i<allCells.length;i++)
                        {
                            var title=allCells[i].title;
                            if(title && (title != " " || title != ""))
                            {
                                allCells[i].title = reverseTitle(title);
                            }
                        }
                    }
                }
            }
 
            function getAllCells(table)
            {
                if(table.cells)
                {
                    return table.cells;
                }
                else
                {
                    var cells = new Array();
                    for (var i = 0; i < table.rows.length; i++)
                    {
                        var row = table.rows[i];
                        for (var j = 0; j < row.cells.length; j++)
                        {
                            cells.push(row.cells[j]);
                        }
                    }
 
                    return cells;
                }
            }
 
            function reverseTitle(title)
            {
                var splitetedArray=title.split(" ");
                var newTtitle="";
                for(var i=splitetedArray.length - 1;i>=0;i--)
                {
                    newTtitle=newTtitle+splitetedArray[i]+" ";
                }
 
                return newTtitle;
            }
 
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadCalendar runat="server">
        <ClientEvents OnLoad="ChangeTitles" OnCalendarViewChanged="ChangeTitles" />
    </telerik:RadCalendar>

Best,
F
Tags
Calendar
Asked by
jc mag
Top achievements
Rank 1
Answers by
Fortune
Top achievements
Rank 1
Share this question
or