<telerik:RadAjaxPanel ID="RadAjaxPanel4" LoadingPanelID="RadAjaxLoadingPanel1" runat="server">
<div class="card-group">
<telerik:RadListView runat="server" id="RadGridInbox" OnPageIndexChanged="RadGridInbox_PageIndexChanged" OnPageSizeChanged="RadGridInbox_PageSizeChanged" OnItemCommand="RadGridInbox_OnItemCommand" >
<ItemTemplate>
<div class="col-sm-4">
<telerik:RadCard runat="server" >
<div class="card">
<telerik:CardHeaderComponent runat="server">
<telerik:CardTitleComponent runat="server">
File Number:-<asp:LinkButton ID="lnkRedirectToDetailsScreen" CommandArgument='<%#Eval("ApplicationId") +";"+ Eval("ApplicationType")+";"+ Eval("ACK")+";"+ Eval("FileUserTypeId")+";"+ Eval("IsMigrated")+";"+ Eval("IsSetupDone")+";"+ Eval("ReferenceId")+";"+ Eval("ReferenceType")+";"+ Eval("TrackingId")%>' runat="server" CausesValidation="false" CommandName="RedirectToDetailsScreen" >
<asp:Label ID="lblApplicationNumber" Style="font-size: 11px;" runat="server" Text='<%# Convert.ToString(Eval("FileNumber")) %>' />
</asp:LinkButton>
</telerik:CardTitleComponent>
</telerik:CardHeaderComponent>
<telerik:CardBodyComponent runat="server" class="card-body" style="padding: 0px 0px">
Subject:- <%#Eval("Subject") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" class="card-body" style="padding: 0px 0px">
From:- <%#Eval("FromUserName") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" style="padding: 0px 0px">
Date:- <%#Eval("ReceivedDate") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" style="padding: 0px 0px" >
Type:- <%#Eval("ApplicationType") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" style="padding: 0px 0px">
File/Doc Type:- <%#Eval("FileTypeName") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" style="padding: 0px 0px">
Status:- <%#Eval("CurrentStateName") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" style="padding: 0px 0px">
Priority:- <%#Eval("PriorityName") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" style="padding: 0px 0px">
Secrecy:- <%#Eval("SecrecyLevelName") %>
</telerik:CardBodyComponent>
<telerik:CardBodyComponent runat="server" style="padding: 0px 0px">
Remarks:- <%#Eval("Remarks") %>
</telerik:CardBodyComponent>
<telerik:CardActionsContainerComponent runat="server" CardActionsAlignment="Start">
<%--<span class="k-button k-flat k-primary">Read more</span>--%>
<telerik:CardSeparatorComponent runat="server" Orientation="Vertical">
</telerik:CardSeparatorComponent>
<%--<span class="k-button k-flat k-primary">Save for later</span>--%>
<asp:LinkButton ID="EditButton" ToolTip="Edit" CommandArgument='<%#Eval("ApplicationId") +";"+ Eval("ApplicationType")+";"+ Eval("ACK")+";"+ Eval("FileUserTypeId")+";"+ Eval("IsMigrated")+";"+ Eval("IsSetupDone")+";"+ Eval("ReferenceId")+";"+ Eval("ReferenceType")+";"+ Eval("TrackingId")%>' runat="server" CausesValidation="false" CommandName="EditItem"><i class="fa fa-edit" ></i></asp:LinkButton>
<asp:LinkButton ID="MoveChangeDirectory" ToolTip="Move Document/File to other folder" CommandArgument='<%#Eval("ApplicationId") +";"+ Eval("ApplicationType")+";"+ Eval("ACK")+";"+ Eval("FileUserTypeId")+";"+ Eval("IsMigrated")+";"+ Eval("IsSetupDone")+";"+ Eval("ReferenceId")+";"+ Eval("ReferenceType")+";"+ Eval("TrackingId")%>' runat="server" CausesValidation="false" CommandName="DirectoryMoveItem"><i class="fa fa-exchange"></i></asp:LinkButton>
</telerik:CardActionsContainerComponent>
<%--<telerik:CardFooterComponent runat="server">
<span class="k-icon k-i-heart-outline"></span>32
<span class="k-icon k-i-comment"></span>2
<span class="k-icon k-i-clock"></span>10 m
</telerik:CardFooterComponent>--%>
</div>
</telerik:RadCard>
</div>
</ItemTemplate>
<%--<LayoutTemplate>
<fieldset style="max-width: 1100px" >
<asp:Panel ID="PlaceHolder" runat="server" />
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" runat="server" PagedControlID="RadGridInbox" PageSize="6">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="4"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerPageSizeField PageSizeComboWidth="60" PageSizeText="Page size: "></telerik:RadDataPagerPageSizeField>
<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"></telerik:RadDataPagerGoToPageField>
</Fields>
</telerik:RadDataPager>
</fieldset>
</LayoutTemplate>--%>
<%--<ItemStyle Width="5%" />--%>
</telerik:RadListView>
</div>
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" runat="server" PagedControlID="RadGridInbox" PageSize="20" >
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
<%-- <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " PageSizes="10,20,30,50"></telerik:RadDataPagerPageSizeField>--%>
</Fields>
</telerik:RadDataPager>
</telerik:RadAjaxPanel>
reference:- https://demos.telerik.com/aspnet-ajax/listview/examples/overview/defaultcs.aspx
https://demos.telerik.com/aspnet-ajax/datapager/examples/overview/defaultcs.aspx