I am unable to get the Scheduler grouping to work in Timeline view., and have many hours attempting to get it to work.    

I've followed this demo pretty closely, and MANY different attempts at getting grouping to work. 

https://demos.telerik.com/blazor-ui/scheduler/grouping

Is there some property I'm missing that "turns grouping on"?  I temporarily added the orientation so I could switch between Horz/Vert.  

I've got hours and hours into this.  I wish by default if you're configuring a control for something "special" like this, that it would error out and tell you through an exception that you're "missing x or y " or the mapping of a field is invalid or something!   In this case, I've got the grouping setup with mapped fields, etc. (If I have invalid fields I get a dictionary error), etc.  But no grouping. and NO errors.  Very, very frustrating. 

My theory is that I'm missing one simple little thing that "turns grouping on", but I'm not seeing it.

Any help, or further questions on my configuration, please feel free to ask. 

Thanks in advance,

Curt

Here is my Scheduler Setup below.  I will be removing Week view, it's there just to try different things. 

 <TelerikScheduler Data="@Shifts" Height="100%" Width="100%"
                              @bind-View="@CurrView"
                              TitleField="@(nameof(ShiftCalendarBindingModel.ProductionLineName))"
                              DescriptionField="@(nameof(ShiftCalendarBindingModel.LineTypeName))"
                              StartField="@(nameof(ShiftCalendarBindingModel.Start))"
                              EndField="@(nameof(ShiftCalendarBindingModel.End))"
                              IsAllDayField="@(nameof(ShiftCalendarBindingModel.IsAllDayApt))"
                              IdField="@(nameof(ShiftCalendarBindingModel.Id))"
                              Date="@CurrentDate"
                              DateChanged="@SchedulerDateChangedHandler">
                <SchedulerSettings>
                    <SchedulerGroupSettings Resources="@GroupingResources" Orientation="@GroupingOrientation"></SchedulerGroupSettings>
                </SchedulerSettings>
                <SchedulerResources>
                    <SchedulerResource Field="LineTypeId" TextField="LineTypeName" ValueField="Id" Data="@LineTypes"></SchedulerResource>"
                </SchedulerResources>
                <ItemTemplate>
                    @{
                        var appointment = context as ShiftCalendarBindingModel;
                    }
                    <div style="height: 100%; width:100%; background-color:@(new MarkupString(appointment.BackGroundColor))">
                        <p><strong>@appointment.ProductionLineName</strong>&nbsp;Shift: @appointment.ShiftNumber </p>
                    </div>
                </ItemTemplate>
                <SchedulerViews>
                    <SchedulerTimelineView StartTime="@DayStart" EndTime="@DayEnd"ColumnWidth="50" SlotDuration="60" NumberOfDays="1" />
                    <SchedulerWeekView StartTime="@DayStart" EndTime="@DayEnd" SlotDivisions="2" SlotDuration="60" />
                </SchedulerViews>

            </TelerikScheduler>

This is what I'm considering "Important" properties:

   List<SchedulerGroupOrientation> GroupingOrientationOptions = new List<SchedulerGroupOrientation> { SchedulerGroupOrientation.Horizontal, SchedulerGroupOrientation.Vertical };

     private Telerik.Blazor.Components.TelerikScheduler<ShiftCalendarBindingModel> SchedulerRef { get; set; }
    List<string> GroupingResources = new List<string> { "LineTypeId" };

    public List<LineTypeModel> LineTypes { get; set; } = new List<LineTypeModel>();

    public class LineTypeModel
    {
        public int? Id { get; set; }
        public string LineTypeName { get; set; }
    }

A few properties from my scheduler model, showing the "LineTypeId":

       public class ShiftCalendarBindingModel
    {
        public long Id { get; set; }
        public int? LineTypeId { get; set; }

}

Is there a way to leverage the Grid with normalized data?

I've tried looping through the fields to generate the columns, that's fine. But when it comes to editing them, I can't specify the field in the column as the model doesn't have those properties. This then leads to the field never having a value in the OnEdit callback.

I know I can work around it using OnBlur of all of the input fields, but that's really annoying. Any suggestions?

I've added sample JSON of what it sort of looks like at the bottom.

    "lineItems": [
        {
            "id": 5,
            "sortOrder": 2,
            "columns": [
                {
                    "id": 77,
                    "fieldId": 1,
                    "value": "Test 1",
                    "lineItemId": 5
                },
                {
                    "id": 78,
                    "fieldId": 7,
                    "value": "Centerspread",
                    "lineItemId": 5
                },
                {
                    "id": 79,
                    "fieldId": 8,
                    "value": "02/02/2022",
                    "lineItemId": 5
                },
                {
                    "id": 80,
                    "fieldId": 9,
                    "value": "28/02/2022",
                    "lineItemId": 5
                },
                {
                    "id": 81,
                    "fieldId": 11,
                    "value": "4/C",
                    "lineItemId": 5
                },
                {
                    "id": 82,
                    "fieldId": 13,
                    "value": "600",
                    "lineItemId": 5
                },
                {
                    "id": 83,
                    "fieldId": 24,
                    "value": "01/10/2022",
                    "lineItemId": 5
                },
                {
                    "id": 84,
                    "fieldId": 26,
                    "value": "Magazine",
                    "lineItemId": 5
                },
                {
                    "id": 85,
                    "fieldId": 27,
                    "value": "Test 1",
                    "lineItemId": 5
                },
                {
                    "id": 86,
                    "fieldId": 37,
                    "value": "Internal notes, they are a thing!",
                    "lineItemId": 5
                }
        ]

I need to add custom text to the delete message.  Is there a way to do this?

https://docs.telerik.com/blazor-ui/components/grid/editing/built-in-dialogs/delete-confirmation

Hello

For a recent project I have to display around 100 000 rows in a grid, I have to be able to sort/filter and select certain rows/select all rows in a filter.
Because it's quite a lot of data I've decided to use the OnRead event on the TelerikGrid, this all seems to work fine except for the ability to select all rows (only the rows on the current page are selected). The grid looks something like this: 

The code looks something like this:

<TelerikGrid AutoGenerateColumns=true
             OnRead="@ReadItems"
             TItem=ProductDto
             Pageable=true
             PageSize=10
             Sortable
             SelectionMode=@GridSelectionMode.Multiple
             FilterMenuType=@FilterMenuType.Menu
             FilterMode="GridFilterMode.FilterMenu"
             Resizable="true"
             ScrollMode="@GridScrollMode.Scrollable"
             SelectedItemsChanged="@((IEnumerable<ProductDto> newSelection) => onSelect(newSelection))"
             Reorderable="true"
             SelectedItems="@selectedProducts"
             >
    <GridColumns>
        <GridCheckboxColumn  CheckBoxOnlySelection="true" Reorderable=false SelectAllMode=@GridSelectAllMode.All Width="100px" SelectAll="true" Locked="true" />
        <GridColumn Field="@nameof(ProductDto.Id)" Title="@_localizer[nameof(Translations.Id)]" Width="100px" Locked="true" />
        <GridColumn Field="@nameof(ProductDto.Code)" Title="@_localizer[nameof(Translations.Code)]" Width="200px" Locked="true" />
        <GridColumn Field="@nameof(ProductDto.ExternalReference)" Title="@_localizer[nameof(Translations.ExternalReference)]" Width="200px" Locked="true" Lockable="true" />
        <GridColumn Field="@nameof(ProductDto.Description)" Title="@_localizer[nameof(Translations.Description)]" Width="200px" Lockable="true" />
        <GridColumn Field="@nameof(ProductDto.BrandCode)" Title="@_localizer[nameof(Translations.BrandCode)]" Width="200px" Lockable="true" />
        <GridAutoGeneratedColumns ColumnWidth="200px" />
    </GridColumns>
</TelerikGrid>

Since I use the OnRead event, only a small amount of data is available client side, when I click the header checkbox of the GridCheckboxColumn all the items that are available client-side get selected BUT, I would like to be able to tell whether a user clicked the checkbox in the header (=select everything in the grid), or if the user just manually selected all the visible rows of a certain page.

TLDR: How to determine whether a user clicked the header checkbox (= select everything) vs a user manually clicked all items on a certain page. (The selectedItems result is both the same)

Kind regards

Thomas

Hello,

I'm trying to comply with accessibility standards and I'm unable to get the Loader text to be read by screen readers.

I've tried wrapping the Loader component in an aria-live element, using templates, and even loaded up your GitHub loader examples to no avail. 

Can you shed some light on what may potentially be happening and how to get it picked up by the screen readers?

Thanks

Is there a way to position a dialog/window next to the button that opened it?

I need to to apply a different color scheme.  By default, I am seeing the following.  I use bootstrap for theming.

<link href="_content/Telerik.UI.for.Blazor/css/kendo-theme-bootstrap/all.css" rel="stylesheet" />

https://docs.telerik.com/blazor-ui/components/dialog/predefined

Cascading DropDownList in Grid Editing

it will work when you need to select the value in parent drop down, but for example on edit, the value is already selected & the event will not be fired to get filtered data to child dropdown , my sugestion to combine the solution with data being preoladed for the editing item on Grid=> OnEdit event

private async Task GridRowEdit(GridCommandEventArgs args)
    {
        Console.WriteLine("GridRowEdit");
        if (args.Item is ProductSubmissionModel model)
        {
            await ViewModel.LoadLabs(model.Jurisdiction?.Key);
        }
    }

I am in the learning phase of Telerik currently, so I assume that I am missing something obvious here.  I have the following code:

<TelerikGrid Data="@EquipmentList" Groupable="true" Pageable="true">
    <DetailTemplate>                   
        <TelerikGrid Data="@context.TaskList">
            <GridColumns>
                <GridColumn Field="TaskTitle" Title="Task"></GridColumn>
                <GridColumn Field="TaskDetail" Title="Detail"></GridColumn>
                <GridCommandColumn>                    
                    <GridCommandButton Command="OpenPDFCommand" Icon="file" OnClick="@(()=> FileService.OpenPDF(TaskPDF))"> Test Command</GridCommandButton>             
                </GridCommandColumn>
            </GridColumns>
        </TelerikGrid>
    </DetailTemplate>
    <GridColumns>
        <GridColumn Field=EquipmentName></GridColumn>
    </GridColumns>
</TelerikGrid>

This is the beginning of a maintenance task tracking site.  The basic format of data is

List<Equipment>   and Equipment has List<MaintenanceTask> in it -- so a List within a List. 

I can get the data to show properly, but when I add the Command column to start adding functionality to the page, I get two errors that I don't fully understand:

1) 
The child content element 'ChildContent' of component 'GridCommandColumn' uses the same parameter name ('context') as enclosing child content element 'DetailTemplate' of component 'TelerikGrid'. Specify the parameter name like: '<ChildContent Context="another_name"> to resolve the ambiguity C:\Users\StevenDeam.ASIMOV\source\repos\JM3Telerik\JMWeb\Pages\Maintenance\MaintenanceMain.razor 

2) 
The name 'context' does not exist in the current context	JMWeb	C:\Users\StevenDeam.ASIMOV\source\repos\JM3Telerik\JMWeb\Pages\Maintenance\MaintenanceMain.razor	9	

I did test adding a bogus context:

<GridCommandColumn>                    
                    <ChildContent Context="test">

This changed the error to say the namespace "test" could not be found.  I am missing something on how the commandcolumn relates to the grid it seems.   And none of the documentation that I can find shows the context of a commandcolumn needing to be changed.