Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Scroll disappears

1 Answer 93 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Dilip
Top achievements
Rank 1
Dilip asked on 30 May 2011, 10:12 AM
Scroll-disappears.png
Hi,
We are facing problem in scroll with column freezing. when scroll goes end of grid then scroll  disappears. And other issue is header and item alignment is not correct.
Please look into code.
<%@ Page Title="" Language="C#" MasterPageFile="~/CCMMasterPage.master" AutoEventWireup="true" CodeFile="CareProviderMyTasks.aspx.cs" Inherits="Patient_CareProviderMyTasks" %>

<%@ Register Src="~/Patient/USERCONTROLS/uctlCareProviderDB.ascx" TagName="uctlCareProviderDB"
    TagPrefix="uc1" %>
<%@ Register Src="~/Patient/USERCONTROLS/uctlCareProviderDBFilters.ascx" TagName="uctlCareProviderDBFilters"
    TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CCMContentPlaceHolder" runat="Server">
    <link href="../StyleSheet/CCMStyleSheet.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/Common.js" type="text/javascript"></script>
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        <script language="javascript" type="text/javascript">
            var windowopen;
            function Openpopup(popurl, Height, Width) {
                windowopen = window.radopen(popurl, "WindowDialog1");
                windowopen.setSize(Width, Height);
                windowopen.center();
                return false;
            }
            function Closewindow() {
                windowopen.close();
                return false;
            }
            function ValidateFilterText(evt) {
                var charCode = (evt.which) ? evt.which : event.keyCode;
                if ((charCode < 48 || charCode > 57)) {
                    return false;
                }
                else {
                    return true;
                }
            }

            function OnHeaderMenuShowing(sender, eventArgs) {
                var headerName = eventArgs.get_gridColumn().get_uniqueName();
                if (headerName == "FullName") {
                    eventArgs.set_cancel(true);
                }
                if (headerName == "Reason") {
                    eventArgs.set_cancel(true);
                }
            }
        </script>
        <script type="text/javascript">
            function OnRequestStart(sender, args) {
                if (args.get_eventTarget().indexOf("Select") >= 0)
                    args.set_enableAjax(false);
            }
        </script>
    </telerik:RadScriptBlock>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rgCareDashMyTasks">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rgCareDashMyTasks" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
        <ClientEvents OnRequestStart="OnRequestStart" />
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
    <table border="0" cellpadding="0" cellspacing="0" align="left" width="100%">
        <tr>
            <td>
                <uc1:uctlCareProviderDB ID="uctlCareProviderDBMyTasks" runat="server" />
            </td>
        </tr>
        <tr>
            <td valign="top" align="center">
                <uc2:uctlCareProviderDBFilters ID="uctlCareProviderDBFiltersMyTasks" runat="server" />
            </td>
        </tr>
        <tr>
            <td align="right">
            </td>
        </tr>
        <tr>
            <td valign="top">
                <table style="margin-top: -3px;" border="0" class="Tab_hd" cellpadding="0" cellspacing="0"
                    width="100%">
                    <tr height="25px">
                        <td align="left" class="formheading" width="50%">
                            Open Tasks
                        </td>
                        <td align="right" width="50%" valign="middle">
                            <b>Health Risk Score : </b>
                            <telerik:RadComboBox ID="ddlHealthRiskScore" CssClass="dropdownp" Width="300px" MaxHeight="200"
                                runat="server" OnSelectedIndexChanged="ddlHealthRiskScore_SelectedIndexChanged"
                                AutoPostBack="true">
                            </telerik:RadComboBox>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top" bgcolor="white" align="left" colspan="2">
                            <%--  <asp:UpdatePanel ID="upnlcallPage" runat="server">
                                <ContentTemplate>--%>
                            
                            <telerik:RadGrid ID="rgCareDashMyTasks" runat="server" AllowAutomaticDeletes="True"
                                Width="1000px" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" EnableHeaderContextFilterMenu="true"
                                EnableHeaderContextMenu="true" AllowPaging="True" OnPageIndexChanged="rgCareDashMyTasks_PageIndexChanged"
                                AutoGenerateColumns="False" BorderWidth="1" GridLines="None" OnItemDataBound="rgCareDashMyTasks_ItemDataBound"
                                OnNeedDataSource=" rgCareDashMyTasks_NeedDataSource" OnItemCommand="rgCareDashMyTasks_ItemCommand"
                                EnableAjaxSkinRendering="true" AllowFilteringByColumn="true">
                                <GroupingSettings CaseSensitive="false" />
                                <MasterTableView AllowSorting="true" Width="200%" TableLayout="Auto" Font-Size="Smaller"   CellPadding="0"
                                    CellSpacing="0" IsFilterItemExpanded="false" AutoGenerateColumns="False" CommandItemDisplay="None"
                                    AllowFilteringByColumn="true" DataKeyNames="UserId"
                                    EditMode="InPlace" GridLines="None" BorderWidth="1" HorizontalAlign="NotSet"
                                    PagerStyle-AlwaysVisible="true" EnableHeaderContextFilterMenu="true" EnableHeaderContextMenu="true"
                                    FooterStyle-Font-Size="Smaller">
                                    <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" />
                                    <Columns>
                                        <%--UserId ,MemberNum,FullName,PhonePreference,AgeAndGender  ,TaskDueDate
                                            DaysLate ,AttemptsAndLastDate,NextCommunicationType,Reason,RiskScore DataFormatString="{0:MM/dd/yyyy}"--%>
                                        <telerik:GridBoundColumn DataField="UserId" HeaderText="UserID" Visible="false" ItemStyle-HorizontalAlign="Left"
                                            SortExpression="UserId" UniqueName="UserId">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="TaskID" Display="false" HeaderText="TaskID" Visible="false"
                                            ItemStyle-HorizontalAlign="Left" SortExpression="TaskID" UniqueName="TaskID">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="TaskGeneralizedId" Display="false" HeaderText="TaskGeneralizedId"
                                            Visible="false" ItemStyle-HorizontalAlign="Left" SortExpression="TaskGeneralizedId"
                                            UniqueName="TaskGeneralizedId">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Attempts" Display="false" HeaderText="Attempts"
                                            ItemStyle-HorizontalAlign="Left" Visible="false" SortExpression="Attempts" UniqueName="Attempts">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CommunicationTemplateID" Display="false" HeaderText="CommunicationTemplateID"
                                            ItemStyle-HorizontalAlign="Left" SortExpression="CommunicationTemplateID" UniqueName="CommunicationTemplateID"
                                            Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CommunicationAttemptDays" Display="false" HeaderText="CommunicationAttemptDays"
                                            ItemStyle-HorizontalAlign="Left" SortExpression="CommunicationAttemptDays" UniqueName="CommunicationAttemptDays"
                                            Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CommunicationSequence" Display="false" HeaderText="CommunicationSequence"
                                            ItemStyle-HorizontalAlign="Left" SortExpression="CommunicationSequence" UniqueName="CommunicationSequence"
                                            Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="TaskTypeCommunicationID" Display="false" HeaderText="TaskTypeCommunicationID"
                                            ItemStyle-HorizontalAlign="Left" SortExpression="TaskTypeCommunicationID" UniqueName="TaskTypeCommunicationID"
                                            Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="TaskTypeID" Display="false" HeaderText="TaskTypeId"
                                            ItemStyle-HorizontalAlign="Left" SortExpression="TaskTypeID" UniqueName="TaskTypeID"
                                            Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="MemberNum" HeaderText="MRN#" ItemStyle-HorizontalAlign="Left"
                                            HeaderStyle-HorizontalAlign="Left" SortExpression="MemberNum" UniqueName="MemberNum">
                                            <HeaderStyle Width="8%" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridTemplateColumn DataField="FullName" ItemStyle-CssClass="GridBorders"
                                            HeaderText="Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left"
                                            HeaderStyle-Width="10%" SortExpression="" UniqueName="FullName" GroupByExpression="FullName Group by FullName">
                                            <ItemTemplate>
                                                <a id="lnkbtnPatientName" href="../Patient/CallPage.aspx?CMUSerID= <%#Eval("UserId") %> &role='Patient'">
                                                    <%#Eval("FullName")%></a>
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridBoundColumn DataField="Phone" HeaderStyle-Width="9%" HeaderText="Phone"
                                            ItemStyle-HorizontalAlign="right" HeaderStyle-HorizontalAlign="right" SortExpression="Phone"
                                            UniqueName="Phone">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Preference" HeaderStyle-Width="4%" HeaderText="Preference"
                                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="left" SortExpression="Preference"
                                            UniqueName="Preference">
                                        </telerik:GridBoundColumn>
                                        <%-- <telerik:GridBoundColumn DataField="PhonePreference" HeaderText="Phone Preference"
                                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="9%"
                                            SortExpression="PhonePreference" UniqueName="PhonePreference">
                                        </telerik:GridBoundColumn>--%>
                                        <telerik:GridBoundColumn DataField="AgeAndGender" HeaderText="A/S" ItemStyle-HorizontalAlign="Left"
                                            HeaderStyle-HorizontalAlign="Left" SortExpression="AgeAndGender" UniqueName="AgeAndGender"
                                            HeaderTooltip="Age/Sex" HeaderStyle-Width="4%">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="TaskDueDate" HeaderText="Due Date" ItemStyle-HorizontalAlign="Left"
                                            HeaderStyle-HorizontalAlign="left" SortExpression="TaskDueDate" UniqueName="TaskDueDate"
                                            HeaderStyle-Width="8%" DataFormatString="{0:MM/dd/yyyy}">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridTemplateColumn HeaderText="Days/Late" SortExpression="DaysLate" DataField="DaysLate"
                                            UniqueName="DaysLate" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left"
                                            HeaderStyle-Width="8%" GroupByExpression="DaysLate Group by DaysLate">
                                            <ItemTemplate>
                                                <asp:Label ID="lblLateDate" runat="server" Text='<%#Eval("DaysLate") %>'></asp:Label>
                                                <asp:Image ID="imgflag" ImageAlign="AbsMiddle" runat="server" />
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridBoundColumn DataField="AttemptsAndLastDate" HeaderText="Attempts/LastDate"
                                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="9%"
                                            SortExpression="AttemptsAndLastDate" UniqueName="AttemptsAndLastDate" DataFormatString="{0:MM/dd/yyyy}">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="NextCommunicationType" HeaderText="Type" ItemStyle-HorizontalAlign="Left"
                                            HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="7%" SortExpression="NextCommunicationType"
                                            UniqueName="NextCommunicationType">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="TaskTypeName" Display="false" HeaderText="TaskTypeName"
                                            ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Center" SortExpression="TaskTypeName"
                                            UniqueName="TaskTypeName" Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridTemplateColumn DataField="Reason" AllowFiltering="true" ShowSortIcon="false"
                                            ShowFilterIcon="false" HeaderText="Reason" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left"
                                            HeaderStyle-Width="22%" SortExpression="" UniqueName="Reason" GroupByExpression="Reason Group by Reason">
                                            <ItemTemplate>
                                                <asp:LinkButton ID="lnkbtnReason" CommandName="Reason" CommandArgument='<%#Eval("TaskTypeName")%>'
                                                    runat="server" Text='<%#Eval("Reason")%>'></asp:LinkButton>
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridBoundColumn DataField="AssignedCareProviderId" HeaderText="Assigned Care Provider"
                                            ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="8%"
                                            SortExpression="AssignedCareProviderId" AllowSorting="true" UniqueName="AssignedCareProviderId">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="RiskScore" HeaderText="Risk Score(%)" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="RiskScore"
                                            AllowSorting="false" UniqueName="RiskScore">
                                        </telerik:GridBoundColumn>
                                         <telerik:GridBoundColumn DataField="Total Care Gaps" HeaderText="Total Care Gaps" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Total Care Gaps"
                                            AllowSorting="false" UniqueName="Total Care Gaps">
                                        </telerik:GridBoundColumn>

                                         <telerik:GridBoundColumn DataField="Preventive" HeaderText="Preventive" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Preventive"
                                            AllowSorting="false" UniqueName="Preventive">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="COPD" HeaderText="COPD" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="COPD"
                                            AllowSorting="false" UniqueName="COPD">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="CHF" HeaderText="CHF" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="CHF"
                                            AllowSorting="false" UniqueName="CHF">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Diabetes" HeaderText="Diabetes" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Diabetes"
                                            AllowSorting="false" UniqueName="Diabetes">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Hypertension" HeaderText="Hypertension" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Hypertension"
                                            AllowSorting="false" UniqueName="Hypertension">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Asthma" HeaderText="Asthma" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Asthma"
                                            AllowSorting="false" UniqueName="Asthma">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="PCP Name" HeaderText="PCP Name" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="PCP Name"
                                            AllowSorting="false" UniqueName="PCP Name">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Care Team" HeaderText="Care Team" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Care Team"
                                            AllowSorting="false" UniqueName="Care Team">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Last interaction" HeaderText="Last interaction" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Last interaction"
                                            AllowSorting="false" UniqueName="Last interaction">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Last Visit" HeaderText="Last Visit" ItemStyle-HorizontalAlign="right"
                                            HeaderStyle-HorizontalAlign="right" HeaderStyle-Width="11%" SortExpression="Last Visit"
                                            AllowSorting="false" UniqueName="Last Visit">
                                        </telerik:GridBoundColumn>
                                    </Columns>
                                </MasterTableView>
                                <ClientSettings AllowColumnsReorder="true" >
                                    <Scrolling AllowScroll="true" FrozenColumnsCount="2" UseStaticHeaders="true" />
                                    <ClientEvents OnCommand="gridCommand" OnHeaderMenuShowing="OnHeaderMenuShowing" />
                                </ClientSettings>
                            </telerik:RadGrid>

                            <telerik:RadWindowManager VisibleStatusbar="false" ID="RadWindowManager1" Title="Loading..."
                                DestroyOnClose="true" runat="server" AutoSizeBehaviors="WidthProportional">
                                <Windows>
                                    <telerik:RadWindow ID="WindowDialog1" runat="server" Left="150px" Title="Loading..."
                                        Modal="true" ReloadOnShow="false" ShowContentDuringLoad="false" VisibleTitlebar="true"
                                        Behaviors="Close,Move" />
                                </Windows>
                            </telerik:RadWindowManager>
                            <%--  </ContentTemplate>
                            </asp:UpdatePanel>--%>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</asp:Content>
 

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 02 Jun 2011, 12:27 PM
Hello Dilip,

I hope that the information in the forum thread below will be useful for you:
http://www.telerik.com/community/forums/aspnet-ajax/grid/while-using-frozen-column-horizontal-scroll-disappears-on-window-resize.aspx

Greetings,
Pavlina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Grid
Asked by
Dilip
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or