Online Home of Yash Kapoor: Telerik

Showing posts with label Telerik. Show all posts

Friday, March 22, 2024

Telerik Grid Rad grid serial number

<telerik:GridTemplateColumn HeaderStyle-Font-Bold="true" HeaderText="S.No.">

<%#(radGridAppeals.PageSize * radGridAppeals.CurrentPageIndex) + (Container.ItemIndex + 1)%>

</ItemTemplate>

</telerik:GridTemplateColumn>

Tuesday, March 12, 2024

Rad Combobox Loader or please wait not showing when selected index changed - Telerik Rad combobox

<telerik:RadComboBox ID="ddlRCNo" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlRCNo_SelectedIndexChanged" InitialValue="0" CssClass="uk-width-1-2" Filter="Contains" CheckBoxes="false" EnableCheckAllItemsCheckBox="false" Style="width: 50% !important;">

</telerik:RadComboBox>

remove property ClientIDMode="Static"

Grid data bound column empty text change Telerik - GridBoundColumn Text color change

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

item["ColumnUniqueName"].Style.Add("Color","Red");

}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

GridDataItem item = (GridDataItem)Item;

if (item["boundColumnApplicationSubject"].Text == Unavailable)

{

item["boundColumnApplicationSubject"].Style.Add("Color", "Red");

}

<telerik:GridBoundColumn HeaderStyle-Font-Bold="true" HeaderText="Subject" DataField="ApplicationSubject" UniqueName="boundColumnApplicationSubject" />

reference:- https://www.telerik.com/forums/change-text-color-on-gridboundcolum

Saturday, March 9, 2024

Telerik print Div javascirpt client side

var content = $get("contentHolder").innerHTML;

var pwin = window.open('', 'print_content', 'width=300,height=300');

pwin.document.open();

pwin.document.write('<html><body onload="window.print()">' + content + '</body></html>');

pwin.document.close();

setTimeout(function () { pwin.close(); }, 1000);

Export to PDF with Telerik javascript

function exportElement() {

var exp = $find("<%= RadClientExportManager1.ClientID %>");

var divtoPrint = $telerik.$("#divtoPrint");

var originalWidth = divtoPrint.width();

divtoPrint.width("1000px")

// https://www.telerik.com/support/kb/aspnet-ajax/gauge/details/radgauge-with-display-none-does-not-render-properly

$telerik.$("#divtoPrint").find(".RadHtmlChart").each(function (index, elem) {

if (elem && elem.control && elem.control.repaint) {

elem.control.repaint();

}

});

exp.exportPDF($telerik.$("#divtoPrint"));

}

Thursday, March 7, 2024

function exportPdfOnClient() {

var editorHtml = $find("<%=RadEditor1.ClientID%>").get_html(true);

var dummyContainer = $telerik.$("#dummyContentWrapper");

dummyContainer.html(editorHtml);

$find("<%=RadClientExportManager1.ClientID%>").exportPDF(dummyContainer);

dummyContainer.html("");

}

Tuesday, March 5, 2024

Telerik Grid Page size, page index and need datasource events

In telerik grid, we have to just give data source

protected void radGridAppeals_PageIndexChanged(object sender, GridPageChangedEventArgs e)

{

this.radGridAppeals.DataSource = FilteredAppealList;

}

protected void radGridAppeals_PageSizeChanged(object sender, GridPageSizeChangedEventArgs e)

{

this.radGridAppeals.DataSource = FilteredAppealList;

}

Also we dont need to add e.new page size or e.newpageindex And we also need virtualitemcount may be

OR we can use NeedDataSource instead of the above functions

protected void radGridAppeals_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

this.radGridAppeals.DataSource = FilteredAppealList;

}

Telerik Grid Edit update delete Pageindex changed , pagesize changed Paging - How to call stored procedure in asp.net c# - Execute stored procdure in asp.net c#

cs file

public static T GetAllDraftPreliminaryEnquiryByOfficeIDUserIDWithPaging<T>(long officeId, long currentUserID, int pageIndex, int pageSize)

{

try

{

using (var connection = ConnectionManager.Create(ConnectionManager.ConnectTo.CBIConnection))

{

IDbCommand command = new SqlCommand("SSP_GetAllDraftPreliminaryEnquiryByOfficeIDUserIDWithPaging", connection);

command.CommandType = CommandType.StoredProcedure;

command.Parameters.Add(new SqlParameter("@officeId", SqlDbType.BigInt)

{

Value = officeId

});

command.Parameters.Add(new SqlParameter("@CurrentUserID", SqlDbType.BigInt)

{

Value = currentUserID

});

command.Parameters.Add(new SqlParameter("@PageIndex", SqlDbType.Int)

{

Value = pageIndex

});

command.Parameters.Add(new SqlParameter("@PageSize", SqlDbType.Int)

{

Value = pageSize

});

connection.Open();

return DBHelper.Execute<T>(ref command);

}

catch (Exception ex)

{

//DataAccessExceptionHandler.HandleException(ref ex);

}

return default(T);

}

--------------------aspx file

<%@ Page Title="Draft Preliminary Enquiry" Language="C#" MasterPageFile="~/CBILayout.Master" AutoEventWireup="true" EnableEventValidation="false" CodeBehind="DraftPreliminaryEnquiryMigration.aspx.cs" Inherits="CBI.Portal.DraftPreliminaryEnquiryMigration" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

.RadGrid_Default .rgSelectedRow a {

color: #428bca !important

}

.grid {

overflow: auto;

overflow-x: hidden;

}

.grid table tr td {

word-break: break-all !important;

text-align: left;

letter-spacing: 0;

color: #676767;

opacity: 1;

font-size: small;

padding: 5px !important;

vertical-align: top;

line-height: 15px;

}

.RadGrid_Default .rgHeader {

font: 12px Open Sans !important;

/*font-size: 14px !important;*/

color: #FFFFFF !important;

background: #8E8B8B 0% 0% no-repeat padding-box !important;

}

.checked {

color: red;

display: block;

}

Radgrid Telerik grid export to PDF

https://www.telerik.com/blogs/how-to-format-radgrid-pdfs

https://docs.telerik.com/devtools/aspnet-ajax/controls/grid/functionality/exporting/pdf

https://docs.telerik.com/devtools/aspnet-ajax/knowledge-base/grid-customize-content-when-exporting-radgrid-to-pdf

https://docs.telerik.com/devtools/aspnet-ajax/controls/grid/functionality/exporting/overview

https://www.telerik.com/forums/export-to-pdf-and-save-programmatically

https://www.telerik.com/blogs/how-to-export-grid-to-pdf-file-and-show-the-result-using-the-window?-gl=1*bugbjp*-ga*Mjg3MjEwMjA2LjE3MDc3Mjc0NTU.*-ga-9JSNBCSF54*MTcwOTU0NjIzMi4xMC4xLjE3MDk1NTIyNzAuNjAuMC4w*-gcl-au*MTI1MjY4NjIzNC4xNzA3NzI3NDU1

Telerik Rad Grid Item command

aspx file

<telerik:RadGrid runat="server" ID="radGridOtherPet" ClientSettings-EnableRowHoverStyle="true" OnItemDataBound="radGridOtherPet_ItemDataBound" ShowHeader="true" EnableEmbeddedBaseStylesheet="True" OnItemCommand="radGrid_ItemCommand"

aspx.cs file

protected void radGrid_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "Edit")

{

Response.Redirect(CourtApplication.Constants.EditUrl + "?ApplicationId=" + CryptologyFunctions.Encrypt(e.CommandArgument.ToString()));

}

if (e.CommandName == "Select")

{

Response.Redirect(CourtApplication.Constants.ViewProfileUrl + "?ApplicationId=" + CryptologyFunctions.Encrypt(e.CommandArgument.ToString()));

}

Wednesday, December 6, 2023

Telerik radview client side eventts

http://teltest2.synsystem.net/combobox/examples/programming/clientevents/defaultcs.aspx

Monday, December 4, 2023

Radlistview bootstrap cards with Raddatapager

<telerik:RadAjaxPanel ID="RadAjaxPanel4" LoadingPanelID="RadAjaxLoadingPanel1" runat="server">

<telerik:RadListView runat="server" id="RadGridInbox" OnPageIndexChanged="RadGridInbox_PageIndexChanged" OnPageSizeChanged="RadGridInbox_PageSizeChanged" OnItemCommand="RadGridInbox_OnItemCommand" >

<telerik:RadCard runat="server" >

<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>