Questions on UI for ASP.NET MVC Forum

1 answer

77 views

Hi,

I have a kendo grid. On copy the records from excel and paste on the kendo grid Paste event is triggered.

Suppose I have pasted 50 records from the excel to the grid. From that 50 records 10 records are invalid and I want to validate and show the error message for each row by row.

Please let me know how we can validate row by row on paste these 50 records from excel to kendo grid.

Events(events => events.Paste("onPaste"))

function onPaste(e) {

}

Grid

answered on 24 Mar 2025

1 answer

42 views

migrating from 2017 to latest issues....

I know, it's a big leap but I was assigned this old application. Obviously, a lot of things have changed.

currently we are using:

bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
string.Format("~/Scripts/kendo/{0}/jszip.min.js", KendoVersion),
string.Format("~/Scripts/kendo/{0}/kendo.all.min.js", KendoVersion),
string.Format("~/Scripts/kendo/{0}/kendo.aspnetmvc.min.js", KendoVersion)));

and

bundles.Add(new StyleBundle(string.Format("~/Content/kendo/{0}/css", KendoVersion)).Include(
string.Format("~/Content/kendo/{0}/kendo.common-bootstrap.min.css", KendoVersion),
string.Format("~/Content/kendo/{0}/kendo.custom.css", KendoVersion)))

I noticed none of the Content files are around anymore, or the jszip.min.js

Are there new files to replace these with?

I assume, even if there are, there will be code changes involved. correct?

I started out trying to update Bootstrap to the latest, but I don't think the 2017 version of kendo was playing well with it.

Thanks in advance.

General Discussions

answered on 21 Mar 2025

1 answer

52 views

Stepper progressbar

I'm using the stepper and i don't want to display the progressbar animation since my page is reloading every 30 seconds, and it's anoying.

i tried a couple things like:

@(Html.Kendo().Stepper()
    .Name("stepper")
    .Animation(false) // Disable animation
    .Steps(s =>
    {
        s.Add().Label("First Step");
        s.Add().Label("Second Step").Selected(true);
        s.Add().Label("Last Step").Icon("save");
    })
)

also with css:

.k-stepper .k-stepper-content {
    transition: none !important;
}

also with javascript:

$(document).ready(function() {
    kendo.fx($("#stepper")).disable();
});

$(document).ready(function() {
    var stepper = $("#stepper").data("kendoStepper");
    stepper.options.animation = false;
});

Nothing is working.

i' trying to make it work in Telerik Dojo : Kendo UI Dojo

Any idea how to remove the animation?

Stepper

answered on 13 Mar 2025

1 answer

110 views

Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed.

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">
@(Html.Kendo().TabStrip()
.Name("ScenaioNMDTabStrip")
.TabPosition(TabStripTabPosition.Top)
.Items(tabstrip =>
{
tabstrip.Add().Text("NMD")
.Selected(true)
.HtmlAttributes(new { style = "height: 55px;width: 20%;" })
.Content(@<text>
<div class="col-lg-11" style="float:left;">
</div>
@(Html.Kendo().PanelBar()
.Name("panelbar1")
.HtmlAttributes(new { style = "width:200px;" })
.Items(panelbar=>{
panelbar.Add().Text("Scenario NMD")
.Content(@<text>
@(Html.Kendo().DropDownList()
.Name("EmpyreanVersion")
.DataTextField("VersionId")
.DataValueField("VersionId")
.HtmlAttributes(new { style = "width: 150px;" })
)
</text>);
})

)
</text>);
tabstrip.Add().Text("Empyrean");
})
)
</div>

DropDownList

PanelBar

TabStrip

answered on 10 Mar 2025

1 answer

52 views

Using html tags in CancelText() etc. does not work any more, because it is escaped

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.

Grid

answered on 04 Mar 2025

1 answer

62 views

Customize Kendo Grid Pagination

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

Grid

Pager

answered on 04 Mar 2025

1 answer

101 views

System.TypeLoadException: 'Could not load type 'Microsoft.Practices.EnterpriseLibrary.Common.Configuration.Manageability.ConfigurationSectionManageabilityProviderAttribute

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?

General Discussions

answered on 01 Mar 2025

0 answers

112 views

Updating a MVC 5 Bootstrap 3 web application with Kendo MVC v2023.1.117.545 to v2025.1.211.462

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.

General Discussions

Grid

asked on 25 Feb 2025

2 answers

112 views

How to test Kendo UI for ASP.NET MVC in a Sitefinity 14.4 project ?

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.

General Discussions

Installer and VS Extensions

answered on 21 Feb 2025

1 answer

46 views

Export to excel for more than 30k records is not working

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

Grid

answered on 21 Feb 2025