Questions on UI for ASP.NET Core Forum

3 answers

451 views

UI for ASP.Net Core with Full .Net Framework

Hello.

I have an ASP.Net Core project using the full .Net Framework .NET 4.6.1.

In Visual Studio 2017, what would be the correct way to:

a) Convert an existing ASP.Net Core /.NET 4.6.1 to a Kendo UI application.

b) Add a new scaffolded item, for example, a razor view with a Kendo Grid using the Kendo UI Wrappers for MVC.

I don't see the options under Visual Studio 2017 to either add a Telerik scaffolded item, like a view or convert to a Telerik web application for an ASP.Net Core app with full .Net 4.6.1. Is this scenario not supported?

Thank you.

General Discussions

answered on 09 Jun 2017

3 answers

403 views

Custom icons

Hello,

in the Telerik-Widgets you often use the "k-icon" class. It's a font based way to display icons.

We have a customer who is using IE11 and all PCs of them has policies, that disables the download of external fonts for security reasons. I now need a way to replace the icon with svgs (i.e. the new font awesome 5 svg framework). One way would be to write a script that always scans the DOM and replaces the k-icon with a svg object. But I think it would be better to define it as template, to prevent extra load by scripts. Is there any 'clean' way at the moment to solve this without scripts?

General Discussions

answered on 09 Jun 2017

1 answer

80 views

Click on "canceledit" opens deleteConfirm-Dialog

I included the TreeList-Component in my view like this:

@(Html.Kendo().TreeList<TaxonomyTreeNodeViewModel>()

.Name("treelist")

.Toolbar(

toolbar =>

{

/*toolbar init*/

}

)

.Columns(columns =>

{

columns.Add().Field(e => e.GermanTranslation);

columns.Add().Field(e => e.Sequence);

columns.Add().Command(c =>

{

if (!Model.IsPublished)

c.Edit();

if (!Model.IsPublished)

c.Destroy();

if (!Model.IsPublished)

c.CreateChild();

});

})

.Editable(editable => editable.Move(true))

.Reorderable(true)

.Filterable()

.Sortable()

.Editable()

.DataSource(dataSource => dataSource

.Read(read => read.Action("All", "DashboardTaxonomy"))

.Update(update => update.Action("Update", "DashboardTaxonomy"))

.Create(create => create.Action("Create", "DashboardTaxonomy"))

.Destroy(destroy => destroy.Action("Destroy", "DashboardTaxonomy"))

.ServerOperation(false)

.Model(m =>

{

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

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

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

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

})

)

.Events(

events =>

{

events.DataBound("TaxonomyTreeWidget.dataBound");

}

)

}

With the following Model:

public class TaxonomyTreeNodeViewModel

{

public string Id { get; set; }

public string ParentId { get; set; }

[Display(Name = "Reihenfolge")]

public int Sequence { get; set; }

[Display(Name = "Deutsche Bezeichnung")]

public string GermanTranslation { get; set; }

[Display(Name = "Englische Bezeichnung")]

public string EnglishTranslation { get; set; }

[Display(Name = "Versionsnummer")]

public int Version { get; set; }

[Display(Name = "Veröffentlicht")]

public bool Published { get; set; }

/*[...]*/

}

The TreeListrenders the expected result. When I click on an edit-button I'm able to edit and save the data-row.

But when I cancel the Edit a Confirm Dialog appears (Test: "Are you sure you want to delete this record?") and the button with data-command="canceledit" is deleted from the DOM and a data-command="destroy"-Button appears.

I found these issues with almost the same behavior:

http://www.telerik.com/forums/grid-popup-edit-cancel-problem

http://www.telerik.com/forums/bug---cancel-button-in-event-edit-window-is-removing-event

Can you help me?

TreeList

answered on 08 Jun 2017

1 answer

89 views

Redo function

Hello,

I just encountered a problem with the redo function of the spreadsheet.

Depending on the demo: http://demos.telerik.com/aspnet-core/spreadsheet/index

Procedure:

Select i.e. cell A3 and press CTRL + C to copy
Select B3 and press CTRL + V to paste and then the same with B4
Now press 3 times CTRL + Z to undo all changes
If you now press CTRL + Y to redo the first paste, nothing happens

In Excel it works as expected. Is this a bug?

Spreadsheet

answered on 08 Jun 2017

1 answer

55 views

Possible to search on fields not shown in Grid?

Hello,

I have a large dataset and I was wondering if is possible to enable search on a grid using fields not included in the grid?

Thanks!

Grid

answered on 06 Jun 2017

1 answer

131 views

How get a set of meetings for a particular day at a time from the database?

In scheduler asp.net Core Demo. ISchedulerEventService has method GetAll() to get all data “meetings/appointments” from the database and bind it to the scheduler. to find a way to get a set of meetings for a particular day at a time from the database? In the demo it gets all the meetings from the database and filters on the client. The application I am working on will contain of resources with a large number of bookings per day. I would like to only pull the data for each day to limit the amount of data being loaded at any given time and to improve the load performance. My app will have hundreds of meetings per day so loading all the meetings from the database is not an option.

Scheduler

answered on 05 Jun 2017

1 answer

103 views

Accessibility - Keyboard control

Hello,

I need to control my sortable list with the keyboard. As far as I know there is no such function implemented in the current sortable widget, right? I just tried the following to extend it by myself, but there is a problem:

Go to the demo: http://demos.telerik.com/aspnet-core/sortable/index
Add a tabindex="0" to each <li> tag
Add a keydown event to either the ul or the li
- $(document).on('keydown', '#sortable-basic', function (e) { console.log('1', e); });
- $(document).on('keydown', '#sortable-basic li', function (e) { console.log('2', e); });
Now focus a li and press a key. You will see that the event is not triggered by any letter or arrow key, but just on ctrl, tab, shift ... In my case I want to sort the items by holding the ALT key + arrow left/right.

Could you please help me with a working solution?

Sortable

answered on 05 Jun 2017

2 answers

114 views

Accessibility problem

Hello,

the accessibility is in our projects an importnant point. I need to use each feature with keyboard control. For the spreadsheet I found the following documentation for keyboard access.

http://docs.telerik.com/kendo-ui/controls/data-management/spreadsheet/end-user/list-of-shortcuts

The main problem is, that when I am with the focus in the toolbar, I cant access the back/forward buttons or tabs above. And when I am tabbing into the first cell, I am caught in the table. When I reach the last cell and press tab again, it pushes me back to the first cell. How is it possible to lose the focus of the spreadsheet to continue to the other focusable items of the application. Is this a bug or am I missing a shortcut here?

Spreadsheet

answered on 02 Jun 2017

1 answer

106 views

Wrong Typescript definition in kendo.all.d.ts

Hello,

I just used the TreeView widget and inserted items with the API method 'insertAfter' and 'insertBefore'. Unfortunately the typescript definition of these methods says, it returns void, but actually it returns the new inserted item (which I need at this point). I updated my kendo.all.d.ts file now, but if I will update kendo in the future, it would overwrite these lines. It would be great if you could fix this for the next release.

insertAfter(nodeData: any, referenceNode: JQuery): void;

insertBefore(nodeData: any, referenceNode: JQuery): void;

// to

insertAfter(nodeData: any, referenceNode: JQuery): JQuery;

insertBefore(nodeData: any, referenceNode: JQuery): JQuery;

TreeView