Home: Radlistview bootstrap cards with Raddatapager

Monday, December 4, 2023

Radlistview bootstrap cards with Raddatapager

<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

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)