I have a div tag which has all three controls within the tag
1. TabStrip as the main container
2. Panel bar inside the tab
3.Dropdown inside the panel bar.
But the code is giving me the error - Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed.
Can somebody help me to resolve and fix it.
Below is my code structure
<div class="InputArea">Recently I upgraded Kendo in a project from a 2020 version to the current version. It seems CancelText() and UpdateText() etc. of the command column in a grid have changed and now perform html escaping on the value. This results in the html code being shown to the user instead of what was intended.
Is it possible (and how) to get the old behaviour back?
The intended use is to have just an icon (not from the kendo set) on the button and no further text. So setting the CancelIconClass to "none" and putting the icon's html snippet in the text, used the achieve the intended result. But this method doesn't work any more.
Hi,
I wanted to Customize Kendo Grid Pagination as per the screenshot below.
I tried the paging properties but nothing works.
I want the pagination style from
To this
HI Team,
We are getting this exception while updating new teleirik version for MVC "Telerik.UI.for.AspNet.Mvc5.2025.1.211"
System.TypeLoadException: 'Could not load type 'Microsoft.Practices.EnterpriseLibrary.Common.Configuration.Manageability.ConfigurationSectionManageabilityProviderAttribute' from assembly 'Microsoft.Practices.EnterpriseLibrary.Common, Version=6.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35'.'
we are not able to fix this in any way can you please help us on this?
As the title states, I have a legacy monolith that must be revived.
I need a few features, especially on the grid, and decided to upgrade Telerik. After a bit of struggle, I managed to run the application but the Telerik controls are by default very small compared to before and the new Size property doesn't seem to be doing much:
Before:
Now:
As it can be seen, the grid shrunk. I do not have a lot of custom CSS on this site but the baseline theme was Start Bootstrap v2 (Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)). Not sure if the original theme can still be found.
Hello,
We developed a widget in an empty ASP.NET MVC project with the last Kendo UI for ASP.NET MVC trial version. It works !
Now, we would like to use this widget in a Sitefinity 14.4 project version but we have an error saying that the assembly Kendo.Mvc 2024.4.1112.462 is using System.Web.Mvc 5.3.0.0 but the referenced assembly is 5.2.7.0 version in Sitefinity project.
Is there any way to download an older Kendo UI for ASP.NET MVC version using System.Web.Mvc 5.2.7.0 ?
How can we use a trial version before buying the component bundle ?
We tried with the nuget server but the trial version is only available in the last version.
Thank you for your help.
I am not able to download more than 30k records into excel. Sometimes i am getting 500 error some time not but excel is not downloaded any time.
This is my code
@(Html.ReportsGrid
<apexportal.WebService.Models.AuditReportResult>()
.HtmlAttributes(new { @style = "height: 500px;" })
.Name("AuditReportGrid")
.Excel(e => { e.FileName("AuditReport.xlsx").AllPages(true); })
.Events(e => { e.ExcelExport("excelExportCheck"); })
.AutoBind(false)
.DataSource(datasource => datasource
.Custom()
.Type("aspnetmvc-ajax")
.Transport(t => t.Read(r => r.Action("Read", "AuditReport").Data("getAdditionalData")))
.Schema(s => s
.Data("Data")
.Model(model =>
{
model.Id(itm => itm.VR_Audit_LogID); //("VR_Audit_LogID");
model.Field("VendorID", typeof(string));
model.Field("ActionTime", typeof(DateTime));
model.Field("ReviewedDate", typeof(DateTime));
})
.Total("Total")
)
.ServerSorting(true)
.ServerPaging(true)
.ServerFiltering(true)
.ServerGrouping(false)
.ServerAggregates(false)
.Events(events => events.Error("error_handler"))
)
.Columns(columns =>
{
columns.Bound(portal => portal.VR_ID).Title("VR ID".Translate())
.HeaderHtmlAttributes(new { @class = "NumericHeaderAlign" }).HtmlAttributes(new { @class = "NumericRowAlign" }).Width(180)
.Filterable(x => x.Cell(y => y.Template("NumericFilter")));
if (userACL.IsRegistrationEnabled &&!userACL.IsCustomerRegistrationEnabled)
{
columns.Bound(portal => portal.VendorID).Title("Vendor ID".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
}
if (userACL.IsCustomerRegistrationEnabled)
{
columns.Bound(portal => portal.VendorID).Title("Entity ID".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
}
columns.Bound(portal => portal.CompanyName).Title("Company Name".Translate())
.ClientTemplate("#=buildCompanyNameLink(CompanyName, '" + @Url.Action("GetCompanyUrl") + "')#")
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(200);
columns.Bound(portal => portal.ModifiedFieldName).Title("Field Name".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(250);
columns.Bound(portal => portal.DecryptedOriginalValue).Title("Original Value".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
columns.Bound(portal => portal.DecryptedNewValue).Title("New Value".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
columns.Bound(portal => portal.ChangedBy).Title("Changed By".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
columns.Bound(portal => portal.ChangedByFirstName).Title("Changed By First Name".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
columns.Bound(portal => portal.ChangedByLastName).Title("Changed By Last Name".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
columns.Bound(portal => portal.RegistrationType).ClientTemplate("#= RegistrationType == null ? '' : TranslateText(RegistrationType) #").Title("Registration Type".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
if (userACL.IsCustomerRegistrationEnabled && userACL.IsRegistrationEnabled)
{
columns.Bound(portal => portal.ProfileType).ClientTemplate("#= ProfileType == null ? '' : TranslateText(ProfileType) #").Title("Profile Type".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(150);
}
columns.Bound(portal => portal.Action).ClientTemplate("#= Action == null ? '' : TranslateText(Action) #").Title("Action".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(110);
//columns.Bound(portal => portal.PRIMARY_KEY).Title("Primary Key".Translate()).HtmlAttributes(new { @style = "white-space: nowrap;" }).Width(110);
columns.Bound(portal => portal.DataSource).Title("Data Source".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(110);
columns.Bound(portal => portal.ActionTime).Title("Action Time".Translate()).Format("{0:G}")
.HeaderHtmlAttributes(new { @class = "DateHeaderAlign" }).HtmlAttributes(new { @class = "DateRowAlign" }).Width(150);
columns.Bound(portal => portal.ReviewMode).ClientTemplate("#= ReviewMode == null ? '' : TranslateText(ReviewMode) #").Title("Review Action".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(110);
columns.Bound(portal => portal.ReviewedBy).Title("Reviewed By".Translate())
.HeaderHtmlAttributes(new { @class = "StringHeaderAlign" }).HtmlAttributes(new { @class = "StringRowAlign" }).Width(110);
columns.Bound(portal => portal.ReviewedDate).Title("Reviewed Date".Translate()).Format("{0:G}")
.HeaderHtmlAttributes(new { @class = "DateHeaderAlign" }).HtmlAttributes(new { @class = "DateRowAlign" }).Width(150);
}
)
.Filterable(filterable => filterable
.Extra(false)
.Operators(operators => operators
.ForDate(str => str.Clear()
.IsNotEqualTo("Is not equal to".Translate())
.IsGreaterThanOrEqualTo("Is after or equal to".Translate())
.IsGreaterThan("Is after".Translate())
.IsLessThanOrEqualTo("Is before or equal to".Translate())
.IsLessThan("Is before".Translate())
.IsNull("Is Null".Translate())
.IsNotNull("Is Not Null".Translate()))))
)
}
@Html.GridErrorHandler()
@Html.GridResizeHandler("AuditReportGrid")
@CustomHtml.GridContextMenu(Html, "AuditReportGrid")
@CustomHtml.EnableFormValidation("SearchForm", "searchbtn")
Here is the grid before I click the first Edit button:
And then after:
Most of the rows have disappeared.
The h-scrollbar is gone. Typically I can't scroll right. Seems a few cases, playing around with it, the arrow-keys scrolled right but the header row became detached, i.e. did not scroll right with the body.
Anyone know what might be causing this? I"ve been getting this problem on 2024 Q4 and 2025 Q1.
I have enabled fairly strict CSP headers per management requirements and am using at least 3 editor templates. I've added this line:
@(Html.Kendo().DeferredScriptFile(nonce))
to the bottom of each EditorTemplate file (not sure if that's correct). Removing that line seems to fix the grid-distortion but also loses the editor template itself.
Hi,
I have a requirement in the Kendo grid
1. When the user click on cross icon in each row in the action column then the row should be deleted.
2. In the last available row, a + icon should display and when the user clicks the + icon then it should create new row in the grid
instead of normal Add new record button.
Below screenshot for the requirements.
I'm looking to implement a check when a user has scrolled to the bottom of the pdfviewer using dotnet mvc/jquery.
Iv found the following articles
https://docs.telerik.com/devtools/wpf/knowledge-base/kb-pdfviewer-scroll-to-last-page
https://www.telerik.com/forums/how-to-access-scroller-of-pdfviewer
and iv managed to hook into the scroll functionality through a private scroller field like so
still figuring out the calculation...
<script>
function onPdfViewerComplete(e){
debugger;
try {
const scroller = e.sender._scroller;
const scrollPosition = scroller.scrollTop;
const maxScrollPosition = scroller.scrollHeight - scroller.clientHeight;
scroller.bind('scroll', ()=> {
if (scrollPosition >= maxScrollPosition) {
alert("Scrolled to the bottom of the PDF");
}
});
} catch(e) {
console.error("error", e);
}
}
</script>