Questions on UI for ASP.NET Core Forum

4 answers

110 views

Hello,

if you navigate through the listview items, the parents aria-activedescendant is never updated. Just the elements get an updated ID attribute. This is a wrong behaviour. Every item needs an ID and the aria-activedescendant needs to be updated.

„When the composite widget contains focus and the user presses a navigation key that moves focus within the widget, such as an arrow key: Change the value of aria-activedescendant on the container to refer to the element that should be reported to assistive technologies as active“ (http://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant).

I would also prefer to get an updated aria-selected on navigate and not on "mark" an item. You should test the widgets with a screenreader like JAWS. When I navigate through the listview, the screenreader is not triggered, so it is impossible for a person who relies on a screenreader to control this widget.

ListView

answered on 14 Jun 2017

1 answer

144 views

Accessibility: Toolbar

Hello,

the buttons of the dialog are defined as "role=toolbar". In this case the buttons need to be controlled by the arrow keys and to disable the tab function.

"For a horizontal toolbar (the default):
Left Arrow: Moves focus to the previous control. Optionally, focus movement may wrap from the first element to the last element.
Right Arrow: Moves focus to the next control. Optionally, focus movement may wrap from the last element to the first element."

Also the "role=toolbar" should just be set, if the item count is three or more.

"Use toolbar as a grouping element only if the group contains 3 or more controls."

Source: https://www.w3.org/TR/2014/REC-wai-aria-20140320/roles#toolbar

You should remove the "role=toolbar" or just set it with three items or more and add the arrow control.

Dialog

answered on 13 Jun 2017

1 answer

239 views

expand/collapse pivot

Hi, I am working with the api for test and I can't expand or collapse the field in the pivot.

Somebody can help me with this issue.

PivotGrid

answered on 13 Jun 2017

3 answers

160 views

Accessibility: Pagination

Hello,

I am wondering why the pagination in i.e. the ListView can't be focused (tabindex -1 is set). Is there a special reason for this construction? An external accessibility company is testing our applications and claiming that the pages and navigation arrows must be focusable. The "page up/down" shortkeys are not sufficient in our case. I now must run a script to remove the tabindex=-1 you set in the pagination.

ListView

answered on 09 Jun 2017

3 answers

472 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

453 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

85 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

106 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

67 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

155 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