Questions on UI for ASP.NET Core Forum

1 answer

215 views

Kendo Checkbox and Label wrapping behaviour change

Hi,

We recently updated our .NET Core web app from Kendo UI v2019.3.1023 to Kendo UI v2020.1.219. The code snippet below used to produce a checkbox and label that didn't wrap, but after the update the label wraps onto a second line if the width of the window is decreased. I have confirmed that the source of the change is in kendo.bootstrap-v4.min.css by copying the contents of the Kendo UI v2019.3.1023 kendo.bootstrap-v4.min.css back into the project and observing that no wrapping occurs. Was this an intended change in behaviour? Is there anything we can do other than to add a white-space: nowrap style to every single col class that has a Kendo CheckBoxBuilder in it?

Kind regards,

David

<div class="row align-items-center p-1">

<div class="col-4">Header</div>

<div class="col-2">

@Html.Kendo().CheckBox().Name("CheckboxName").Label("Checkbox")

@Html.HiddenFor(model => model.Checkbox)

</div>

Checkbox

answered on 18 Mar 2020

5 answers

1.0K+ views

bind Scheduler Resource using DataSource controller action NOT working

Scheduler Resource Binding using DataSource not displaying Employee. Where are the examples? I need an example that doesn't use BindTo. Also where are the Asp.Net Core 2 examples? all are for Asp.net 1

@(Html.Kendo().Scheduler<SalonWeb.Models.TimeBlock>()

.Name("scheduler")

.Date(DateTime.Now)

.StartTime(DateTime.Now)

.Height(600)

.MajorTick(60)

.Views(views =>

{

views.DayView();

views.WeekView();

views.MonthView();

})

.Resources(resource =>

{

//reading but not displaying

resource.Add(m => m.Employee) //employee object

.Title("Employee") //descriptive title

.DataTextField("Name") //property in Employee Object

.DataValueField("Id") //property in Employee Object

.DataColorField("Color") //property in Employee Object

.DataSource(ds => ds

.Read("Read", "Employees") //Read function in Employee controller

);

})

.DataSource(d => d

.Model(m => {

m.Id(f => f.Id);

m.Field(f => f.Title).DefaultValue("No title");

m.Field(f => f.Employee);

})

.Read("Read", "TimeBlocks")

.Create("Create", "TimeBlocks")

.Update("Update", "TimeBlocks")

.Destroy("Delete", "TimeBlocks")

)

TimeBlock controller

public async Task<IActionResult> Create([DataSourceRequest] DataSourceRequest request, TimeBlock timeBlock)

{

if (ModelState.IsValid)

{

_context.Add(timeBlock);

await _context.SaveChangesAsync();

}

return Json(await new[] { timeBlock }.ToDataSourceResultAsync(request, ModelState));

}

Employee Controller

public async Task<IActionResult> Read([DataSourceRequest] DataSourceRequest request)

{

return Json(await _context.Employee.ToDataSourceResultAsync(request));

}

Scheduler

answered on 17 Mar 2020

1 answer

309 views

Drill down charts in .net core

Hello Everyone,

we need to use drill down functionality in .net core application. but no solution found any one help me how to use ?

I found one solution but it's using webforms.

https://demos.telerik.com/aspnet-ajax/htmlchart/examples/drilldownchart/defaultcs.aspx

Chart

answered on 17 Mar 2020

24 answers

419 views

Editor Path Issues

When trying to select an image from the root folder everything is fine, however when selecting an images from a sub-folder the return path is wrong because it includes to following code %2F between the folder name and the image name instead of the /

This was tried under the Telerik demo site and as well as locally.

Editor

answered on 16 Mar 2020

2 answers

863 views

Set width and height as percentage

Using either html or tag helper, the width and height seem to only accept px. Dialog for other products accept %. Does Dialog for Asp.Net Core accept %?

If I edit the output HTML using browser devtools, percentage works fine. So I'm guessing I'm just missing something.

Dialog

answered on 12 Mar 2020

1 answer

526 views

Server Side Validation

Hi,

I need to do display server side validations errors on Edit/Add Screen of Popup.

I have added the custom template through "TemplateName" and placed it in "EditorTemplates" and I am adding error message at server as :

ModelState.AddModelError("error1", "Error 1 description");

but. how do I display on the popup. Currently it shows in JavaScript script error handler I have defined as:
.Events(events => events.Error("error_handler"))

1) I want to display error besides field on the popup.
2) As soon as I click update the popup closes. I want it to keep open and display error message. I tried e.preventDefault(); but it doesn't seems to work. It does cancel the grid refresh but window closes.

Has anyone done this? is there a sample I can follow.

Thanks in advanced.

Grid

answered on 12 Mar 2020

7 answers

449 views

Pi Chart Issue: Unable to show default Pie Chart

Hello Everyone,

Currently i'm working on dynamically data binding in kendo pie chart in .net core 3.0.

We have get data from database and values greater than 0 so it's working fine.

but KPI value recieve 0 so pie chart is not draw properly. Please review attached file "PieChartEmpty.PNG"

We need to draw Default chart if value received from Database is 0. Please review attached file "ExpectedResult.PNG"

Please provide solution ASAP

General Discussions

answered on 12 Mar 2020

20 answers

1.1K+ views

Adding Breadcrumb to my kendo grid toolbar template not working

Hi All,

I cant seem to make breadcrumb work inside kendo grid toolbar template.

Heres my code, what did I miss?

Please note that the button menu, user type dropdown, field search dropdown, and searchbox is showing on my grid toolbar.

@(Html.Kendo().Grid<UsersList>
()

.ToolBar(t =>
{
t.ClientTemplateId("GridToolbarTemplate");
})

)

</script>

Breadcrumb

answered on 12 Mar 2020

6 answers

1.4K+ views

Passing data from column to controller

Hello,

I'm trying to utilize some server side filtering as we have a lot of records to filter through and it doesn't make too much sense to do it on the client side.

@(Html.Kendo().Grid<SM.Domain.Med.Explant>()

.Name("grid").Scrollable(c => c.Enabled(true).Height(1000))

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("ExplantKendoInitializer", "MedDevice", new { status = Model.Status }).Data("explantsReadData"))

)

.Columns(columns =>

{

columns.Bound(c => c.Device.DeviceType.Name)

.Width(180)

.Title("Type")

.HtmlAttributes(new { id = "typeDropdown" })

.Filterable(filterable => filterable

.Cell(cell => cell

.DataTextField("Name")

.ShowOperators(false)

.InputWidth(170)

.Operator("contains")

.SuggestionOperator(FilterType.Contains)

.Template("deviceTypeFilter")

)

);

.Filterable(filterable => filterable

.Extra(false)

.Messages(m => m.Info("Items equal to:"))

.Operators(operators => operators

.ForString(str => str.Clear()

.IsEqualTo("Is Equal To")

.Contains("Contains")

)

This is the bulk of what most of the grid looks like.

Below is the explantsReadData function that I am referencing in the .Read portion of the DataSource

function explantsReadData() {

return {

type: $('#typeDropdown')

};

}

And the filterable function that we are using if that is of any help.

function deviceTypeFilter(element) {

element.element.kendoDropDownList({

dataSource: @(Html.Raw(Json.Serialize(Model.Filters.DeviceTypes))),

optionLabel: "--Select Device Type--",

});

}

I'm trying to pass the parameter into the ExplantKendoInitializer where I am making a DataSourceRequest. However type always returns as null. I'm not sure of the best way to set an Id or Name to the drop down list which has all of what I need to filter against.

If there is something I'm missing, or a better way to approach this, please let me know.

Be well,

Bradley

Grid

answered on 11 Mar 2020

1 answer

180 views

CreateChild()

I have your Kendo.Mvc.Examples solution and I cannot figure out how your Add Child button works. I have mimicked your control definition as well as have similar implementations of the controller and models. However, when I select that button it locks up the browser and eventually asks if I want to abandon the request. Can you give me an overview of what that button click depends on?

Thanks for your help,

Joel

TreeList

answered on 10 Mar 2020