ragdrid not highlighting the selected page no or not showing border around it.

1 posts, 0 answers
  1. Devang
    Devang avatar
    10 posts
    Member since:
    Jun 2017

    Posted 17 Jul 2017 Link to this post

    Hello All,

        I have a simple radgrid in my user Control. I have enabled paging and its working. But the problem is when user selects particular page, its now showing the border around it or not high lighting the page no. I want users to know which page they are on by either showing the border around selected page number or high lighting the page number. 

        Is there a setting for this..? Following is my small radgrid code. 

    <telerik:RadGrid RenderMode="Lightweight" ID="rgUploadedDocs" runat="server" Width="100%"
             OnNeedDataSource="rgUploadedDocs_NeedDataSource"
             OnItemDataBound="rgUploadedDocs_ItemDataBound" OnItemCommand="rgUploadedDocs_ItemCommand" EnableViewState="true" OnPageIndexChanged="rgUploadedDocs_PageIndexChanged">
            <HeaderStyle CssClass="gridViewHeader" />
            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
            <ItemStyle CssClass="gridViewRow" />
            <AlternatingItemStyle CssClass="gridViewAltRow" />
            <SelectedItemStyle CssClass="gridViewSelected" />
            <MasterTableView AllowSorting="true" AllowNaturalSort="false" PageSize="10" AllowPaging="True" Width="100%" AutoGenerateColumns="false"  DataKeyNames="DOCUMENT_ID"
                 NoMasterRecordsText="No uploaded documents found." AllowFilteringByColumn="false" ShowHeadersWhenNoRecords="true">
            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
            <SortExpressions>
              <telerik:GridSortExpression FieldName="LAST_MODIFIED_DATE_TIME" SortOrder="Descending" />
            </SortExpressions>      
            <Columns>
                <telerik:GridTemplateColumn HeaderText="Document Type" SortExpression="Name" AllowFiltering="false">
                    <ItemTemplate>
                        <asp:Label runat="server" ID="lblDocumentType"></asp:Label>
                    </ItemTemplate>
                </telerik:GridTemplateColumn
                <telerik:GridBoundColumn  UniqueName="FileName" DataField="FILE_NAME" HeaderText="File Name" AllowFiltering="false">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="UploadDate" DataField="LAST_MODIFIED_DATE_TIME" HeaderText="Upload Date" DataFormatString="{0:d}" AllowFiltering="false">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="UserName" DataField="Username" HeaderText="Username" AllowFiltering="false">
                </telerik:GridBoundColumn>
                <telerik:GridTemplateColumn HeaderText="Obsolete" SortExpression="IS_OBSOLETE" AllowFiltering="false">
                    <ItemTemplate>
                        <asp:CheckBox ID="rdchkObsolete" runat="server" ToolTip="Obsolete" AutoPostBack="true" OnCheckedChanged="rdchkObsolete_CheckedChanged"/>
                    </ItemTemplate>
                </telerik:GridTemplateColumn
                <telerik:GridTemplateColumn AllowFiltering="false">
                    <ItemTemplate>
                        <asp:ImageButton ID="imgView" ImageUrl="~/Images/search.png" runat="server" ToolTip="View" CommandName="Edit" AlternateText="View" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn
                <telerik:GridTemplateColumn AllowFiltering="false">
                    <ItemTemplate>
                        <asp:ImageButton ID="imgCancel" ImageUrl="~/Images/cancel.png" runat="server" CommandName="Delete" ToolTip="Delete"
                            CommandArgument='<%# DataBinder.Eval(Container.DataItem, "DOCUMENT_ID") %>' AlternateText="Delete" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn
            </Columns>
            </MasterTableView>
        </telerik:RadGrid>

     

Back to Top