Focus order is inappropriate after Edit column settings popup is collapsed as focus moves from top of the page

observation:
When Edit column settings popup is collapsed, focus is expected to observed on the triggered respective ‘Edit column settings’ control and on next ‘Tab’ navigation, focus should move to the next control present after ‘Edit column settings’ control

1.Filter buttons present in the table are accessible through keyboard when we press ALT+down arrow but when we try to open filter, respective column header filter is not opening

2.Focus is not retaining back on the filter button after closing the Filter dialog using Esc key.

NVDA Screen reader is not announcing the sorting information for the table headers.

Observations

NVDA is identifying single table as two tables, while navigating using table shortcut key (T).

Observation:
1. Row data cells are not associated with the table column headers. 

2.While navigating using table shortcut key ‘T’ in browse mode, NVDA is announcing as ‘clickable table with 1 rows and 15 columns row 1 column 1 Actions’, and using T key again, Screen reader announces ‘table clickable with 20 rows and 15 columns row 1 column 1 info button’.   

3. Implementation of table is inappropriate where the tab focus is moving to all the controls in the table.

When using the kendo grid, it is considering the header as one table and data part as another table.

Hence need Resolution for considering the whole grid as one table

hi,

i use refresh token and access token is updating every time

i need call function before call read method to get new token and set in read function

like grid  , dropdownlist , ... read functions.

i use 'beforeSend' but it get one time token and in other call method dont update token.

I have a grid using the bootstrap Nordic theme. The users have asked that the grid lines be made more prominent, rather than the light grey .

I have had a look at the new theme builder, but not only does it seem overkill for a small change, but also doesn't seem to allow the line colour and weight to be changed.

How can I make the grid lines black and increase the width slightly?

I'm using version 2022.3.1109

I am not able to get the State dropdown menu to work with the browser autocomplete for address using Kendo control.     See the screenshot below.

I have tried several versions but I am using a very, very simple drodpown for testing and it will not autocomplete:

@(Html.Kendo().DropDownList()//(m=>m.State)
                     .Name("state")
                     .BindTo(new List<SelectListItem>() {
                new SelectListItem() {
                    Text = "AL",
                    Value = "AL"
                },
                new SelectListItem() {
                    Text = "AK",
                    Value = "AK",
                }

            })
            .HtmlAttributes(new {style = "width: 100%", @class = "autocomplete-input"})
                                                .DataTextField("Text")
                                                .DataValueField("Value"))

I've followed code from the Grid Hierarchy demo to create a sub grid and have made it editable.

I have got validation and record editing working fine.

However I am struggling with creating new records. I have a constraint on the SQL table to disallow duplicate values (combination of 2 columns).

However I cannot seem to handle this error. Currently the UI adds the record, but doesn't create it in SQL.

I also noticed I cannot use decorate my controller action with HTTP post, as this yields a 404 error. Perhaps this is due to the sub grid.

Are there any examples there of a 2 level hierarchy grid with CRUD operations on the sub grid with error handling please?

EDIT: Does anyone know what this symbol means? I get this after trying to create a new record in the sub grid.

Hi,

I have created a new custom view to enforce values in a grid dropdown.

This works well, however it is not picking up data annotations defined in my model. Initially it didn't even trigger the validation messages, however I've managed to fix this by added "required = "required" in the HTMLATTRIBUTES.  I can't seem to find a way to add data-val-required property here.

Is there a way to make this work? I have seen an example here on custom editors but this seems to complicated for what I need (enforcing static values in the grid dropdown).

Hopefully someone can kindly point me in the right direction.

@model string


@(Html.Kendo().DropDownListFor(m => m)
    .Name("CountryCode")
    .Value(Model)
    .SelectedIndex(0)
    //.DataValueField("CountryCode")
    //.DataTextField("CountryCode")  
    .BindTo(new string[] { "GB", "CN" })
    .HtmlAttributes(new { style = "font-size: 12px;" , required = "required", data_bind = "value: CountryCode" })
)

EDIT:

This is the code for the grid, and how I can referencing this custom dropdown list:

<script id="AppRegGrid" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<Myapp.Models.AppReg>()
                .Name("AppReg_#=id#") // template expression, to be evaluated in the master context
                .Columns(columns =>
                {
                    columns.Bound(c => c.Number).Title("Registration Number").Width(120);
                    columns.Bound(c => c.CountryCode).Title("Country Code").Width(50).EditorTemplateName("AppRegistrationCountryCode");
                    columns.Bound(c => c.TypeCode).Title("Type Code").Width(50).EditorTemplateName("AppRegistrationTypeCode");
                    columns.Command(command => { command.Edit();  }).Width(200).HtmlAttributes(new { style = "text-align: center" }).HeaderHtmlAttributes(new { style = "text-align: center" });
                })
                .DataSource(dataSource => dataSource
                    .Ajax()
                    .Model (m => {
                        m.Id(l => l.AppRegNumID);
                        m.Field(l => l.AppRegNumID).Editable(false);
                    })
                    //.Sort(s => s.Add("ERPShipmentNumber").Ascending())
                    .PageSize(10)
                    .Read(read => read.Action("AppRegistrationNumbers_Read", "Admin", new { id = "#=id#" }))
                    .Update(update => update.Action("AppRegistrationNumbers_Update", "Admin"))
                    .Create(create => create.Action("AppRegistrationNumbers_Create", "Admin", new { id = "#=id#" }))
                    .ServerOperation(true)
                )
                .HtmlAttributes(new { style = "font-size: 12px;" })
                .Height(200)
                .ToolBar(tools => tools.Create())
                .ToClientTemplate()
    )
</script>

And this is by model:

    public class AppReg
    {

        public int AppRegNumID { get; set; }
        
        [DisplayName("Registration Number")]
        [Required(ErrorMessage = "Please enter a valid registration number.")]
        public string Number { get; set; }

        [DisplayName("Country Code")]
        [StringLength(2)]
        [RegularExpression(@"^[a-zA-Z]+$", ErrorMessage = "2 letter ISO code only.")]
        [UIHint("AppRegistrationCountryCode")]
        [Required]
        public string CountryCode { get; set; }

        [Required]
        [DisplayName("Type Code")]
        [UIHint("AppRegistrationTypeCode")]
        public string TypeCode { get; set; }

    }