Hi,

I have more appointments in the same time in a same day. By default the appointments displays in the form one after the other in a vertical  way in the RadScheduler control.

(eg: App1 App2 App3…). But I want to shows in a horizontal way.

Eg: App1

       App2

      App3

Is it possible to do this? If yes kindly give the procedure to accomplish this task.

And also please give the idea about how to add header for appointment details (appointment Template)

(eg:

Please refer the attached appointment screen
My application is in ASP.net

Thanks in advance.

Hi,

Below I have given code of user control which I used multiple times on single page.But my problem is that I got null values in HandleScrolling() function when I moved grid scroll down to bottom.
I have placed Radscriptmanager on main .aspx page.
And one more important thing is I have made this user control's DLL and used in other project by adding reference of that usercontrol's dll.




<%@ Control Language="C#" ClassName="Acme.MyTestUC" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Import Namespace="System.Web.UI.WebControls" %>
<%@ Import Namespace="System.Data.SqlClient" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace=" System.Reflection" %>

<script runat="server">
   
    protected void Page_Load(object sender, EventArgs e)
    {
        manager1 = RadAjaxManager.GetCurrent(this.Page);
        manager1.AjaxSettings.AddAjaxSetting(manager1, RadGrid2);
        manager1.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(manager1_AjaxRequest);
        
 

    }

    void manager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
    {
        RadGrid2.PageSize += 15;
        RadGrid2.Rebind();
    }
    RadAjaxManager manager1;
   
   
</script>

<!-- content start -->
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
            <!--
        function HandleScrolling(e) {
          
            var grid = $find("<%=RadGrid2.ClientID %>");

            //alert(grid.hasOwnProperty());

                        var scrollArea = document.getElementById("<%= RadGrid2.ClientID %>" + "_GridData");

            if (IsScrolledToBottom(scrollArea)) {
                var currentlyDisplayedRecords = grid.get_masterTableView().get_pageSize() * (grid.get_masterTableView().get_currentPageIndex() + 1);

                //if the presently visible items are less than the entire source records count
                //trigger an ajax request to increase them
                if (currentlyDisplayedRecords < 100) {
                    $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadMoreRecords");
                }
            }
        }
        //this method calculates whether you have reached the bottom when dragging the vertical grid scroll
        function IsScrolledToBottom(scrollArea) {
            var currentPosition = scrollArea.scrollTop + scrollArea.clientHeight;
            return currentPosition == scrollArea.scrollHeight;
        }
            -->
    </script>
</telerik:RadCodeBlock>

<telerik:RadAjaxManagerProxy  id="RadAjaxManager1" runat="server"> 
        <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> 
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel2"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
        </telerik:AjaxSetting>
        </AjaxSettings>
</telerik:RadAjaxManagerProxy >

<telerik:RadGrid ID="RadGrid2" AllowSorting="True"
    runat="server" AllowPaging="true" Width="97%" PageSize="15" GridLines="Vertical">
    <PagerStyle Visible="false" />
    <MasterTableView TableLayout="Fixed" />
    <ClientSettings>
        <Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" />
        <ClientEvents OnScroll="HandleScrolling" />
    </ClientSettings>
</telerik:RadGrid>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server">
</telerik:RadAjaxLoadingPanel>
<br />


Thanks in advance for any help.
Regards,
Satyajit Kadam.

I have a radgrid with <Selecting AllowRowSelect="True" />. the radgrid is inside a radwindow. The radwindow contain a two buttons ("Select" and "Cancel") other than this radgrid. What we do is select a row in the radgrid and either click "Select" or "Cancel" button. Am sharing my radwindow here...

My issue is when i select a row from the radgrid, click 'select/cancel' the reopens the radwindow, the row in the radgrid remains selected. I need to de-select all the rows while reopening the radwindow. Binding of the grid is done in server side in the radGdObservationsText_NeedDataSource event. Can this be invoked using javascript? Or can you suggest any client side event of radgrid where i can de-select the rows?
Thanks for all help in prior.