Questions on UI for ASP.NET Core Forum

1 answer

235 views

I have been reading this: http://www.telerik.com/support/code-library/using-multiselect-in-grid as I want to implement a multiselect in a InCell, batch(true), ajax grid.

Does this still apply in Core or is there a new way to implement this?

Please if you could guide me to a full CRUD example which also shows ViewModel binding as well. Thank you.

MultiSelect

answered on 14 Jun 2017

4 answers

103 views

Accessibility: Navigate

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

130 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

232 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

154 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

462 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

434 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

82 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