Questions on UI for ASP.NET Core Forum

3 answers

428 views

Validation Message Bubble

Hello,

is there any way to display a Validation-Message Bubble like in a grid Editor in a TextBox?
I.e. I have this code:

Model:

public class Promotion

{

[StringLength(10]

[RegularExpression("^\\$?[A-Z0-9]+$")]

[Required()]

public String Code { get; set; }

....

}

View:

@using (Html.BeginForm())

{

<div>

@(Html.LabelFor(model => model.Promotion.Code))

@(Html.Kendo().TextBoxFor(model => model.Promotion.Code))

</div>

}

If, for example, I leave it empty or enter lowercase letters into this TextBox, I would like it to show a Validation-Error-Bubble just like in a Grid Editor.

Thank you

General Discussions

answered on 11 Feb 2021

3 answers

104 views

Update spreadsheet without destroying layout

Hello Experts,

Is there a way to update the data rows and columns of a sheet after a read on the dataSource's model without it destroying the layout of the entire page?

Many thanks in advance

64d1

Spreadsheet

answered on 10 Feb 2021

1 answer

517 views

Filter Broken for DateTimeOffset Column

When using a date filter on a column bound to a DateTimeOffset property, the filter is missing all its options.

The property:

public DateTimeOffset Created { get; set; }

The column definition:

c.Bound(x => x.Created)

.Filterable(f => f

.Operators(o => o.ForDate(d => d.Clear().IsGreaterThanOrEqualTo("On or after").IsLessThan("Before")))

.Extra(true)

.UI(GridFilterUIRole.DateTimePicker)

);

When the property type is changed to DateTime, the filter works as expected.

See the attached images. (The operator dropdown just shows "NO DATA FOUND").

No errors are reported in the console.

Using:

"@progress/kendo-theme-bootstrap": "^4.30.0",
"@progress/kendo-theme-default": "^4.32.0",
"@progress/kendo-ui": "^2021.1.119",

Grid

answered on 09 Feb 2021

1 answer

313 views

Custom Popup Windows

I am using the Tag Helpers and have a grid working with the edit popup dialog. My question is how do I customize the popup? Change the title? Change the button colors or text? Change the height and width?

Grid

answered on 09 Feb 2021

1 answer

289 views

Wizard with Upload Component

Hello,

is it possible to Add the Upload Component in the Wizard. I tried it by myself but if i upload a file i get two files. My Issue is the Same like this:

https://stackoverflow.com/questions/54467957/kendo-upload-duplicating-file-after-initial-file-selection

Can Somebody post a code snippet?

Here is my test:

<div id="wizard">

<div>

<h1>Upload Labeling File</h1>

@(Html.Kendo().Upload()

.Name("files")

.Async(a=> a.SaveUrl("./Masterdata/LabelExport?handler=Save")

.RemoveUrl("./Masterdata/LabelExport?handler=Save")

)

.Validation(validation => validation.AllowedExtensions(new string[] { ".json" }))

.Validation(validation => validation.MaxFileSize(2000000))

)

<h3>Click "Next" </h3>

</div>

<div>

<h1>Personal data</h1>

<form class="k-form">

<div class="k-form-container">

<div class="k-form-field">

<label>Name: <input type="text" id="drop"></label>

</div>

<div class="k-form-field">

<label>Surname: <input type="text"></label>

</div>

</form>

</div>

<div>

<h1>Contacts data</h1>

<form class="k-form">

<div class="k-form-container">

<div class="k-form-field">

<label>Telephone: <input type="text"></label>

</div>

<div class="k-form-field">

<label>Mail: <input type="text"></label>

</div>

</form>

</div>

<script>

$("#wizard").kendoWizard({

steps: [{

title: "Welcome",

}, {

title: "Personal Details",

}, {

title: "Contact Details"

}]

});

</script>

Wizard

answered on 09 Feb 2021

3 answers

4.4K+ views

Uncaught RangeError: Maximum call stack size exceeded

Hi I'm getting a JS error when trying to using cascading dropdowns (defined below)

@(Html.Kendo().DropDownList()

.Name("makes")

.HtmlAttributes(new { style = "width:100%" })

.OptionLabel("Select make...")

.DataTextField("text")

.DataValueField("value")

.DataSource(source =>

{

source.Read(read =>

{

read.Url("/NoMatchVehicle/GetMakeValues");

});

})

)

@(Html.Kendo().DropDownList()

.Name("models")

.HtmlAttributes(new { style = "width:100%" })

.OptionLabel("Select model...")

.DataTextField("text")

.DataValueField("value")

.DataSource(source =>

{

source.Read(read =>

{

read.Url("/NoMatchVehicle/GetModelValues?make=");

read.Data("makes");

})

.ServerFiltering(true);

})

.CascadeFrom("makes")

.Enable(false)

.AutoBind(false)

)

The first dropdown is populated fine but upon the selection on the first dropdown I get a JS error

jquery.js:8641 Uncaught RangeError: Maximum call stack size exceeded
at Function.isArray (<anonymous>)
at buildParams (jquery.js:8641)

Any Ideas on why this could be happening I am basing this of this example

DropDownList

answered on 09 Feb 2021

1 answer

108 views

Week view : flip columns

Is it possibly to swap the date and time columns, so the date will appear on the left and vice versa?

Scheduler

answered on 05 Feb 2021

6 answers

1.4K+ views

Can EditorTemplateName be set dynamically?

I have two different editor templates I want to use with the columns in my grid. When the page first initializes I have code that will choose the correct editor name, like this:

.EditorTemplateName(Model.IsUnique ? "UniqueEditor" : "Date");

This part works fine, but I have a scenario where if the user changes the value in a drop-down I need to swap the EditorTemplateName to use the other one. So basically assume when the page loads that Model.IsUnique = false so it gets assigned the default 'Date' editor, I want to be able to swap that out and use 'UniqueEditor' when they choose a particular value from a dropdown change event. Is this possible?

thanks

Grid

answered on 04 Feb 2021

1 answer

220 views

PDF Viewer Dependencies/References

What Telerik Nuget source do I pull down in order to use the PDF Viewer? I have not found this information anywhere in the documentation.

PDFViewer

answered on 04 Feb 2021

2 answers

218 views

Draw Chart Control and get the image stream

Hello,

Can you help me and tell if its possible to "export" Kendo .NET Core Chart to image and save it as a stream so I can process it further ? for example add it to the PDF page in Kendo Document Processing Library

So far I have been using WIndows.Forms.DataVisualization in my .NET Framework project but since we moved to .NET Core and we cant use ported version due to .NET Standard dependencies (https://www.nuget.org/packages/System.Windows.Forms.DataVisualization/), I dont know what we can do now.

Is there any other option... ? I just want to add a chart to a dynamically created PDF in C#

Chart

answered on 02 Feb 2021