We've used the SplitButton on a variety of windows, and after upgrading to v4.0 we've noticed that the pages containing a SplitButton do not load, they simply die off into never-never land. Somewhere we've seen OutofMemory but we are not positive it's happening on this call. We have a few different use cases for our SplitButtons - Save, Save & Close, and Delete. The other is to choose your printing or email type.

Do we have this formatting incorrectly? They work in v3.7 just fine.

And, I noticed the documentation is for v3.7, not v4.0 -- https://demos.telerik.com/blazor-ui/splitbutton/overview

<TelerikSplitButton Icon="@SvgIcon.Save" OnClick="@(() => HandleValidSubmit(false))">
                                        <SplitButtonContent>Save</SplitButtonContent>
                                        <SplitButtonItems>
                                            <SplitButtonItem Class="mr-2 save" OnClick="@( () => HandleValidSubmit(false))" Icon="@SvgIcon.Save">Save</SplitButtonItem>
                                            <SplitButtonItem Class="mr-2 save" OnClick="@( () => HandleValidSubmit(true))" Icon="@SvgIcon.Save">Save & Close</SplitButtonItem>
                                            <SplitButtonItem Class="mr-2 delete" OnClick="@ButtonDeleteOnClick" Icon="@SvgIcon.Trash" Enabled="@IsDeletionAllowed">Delete</SplitButtonItem>
                                        </SplitButtonItems>
                                    </TelerikSplitButton>

                                <TelerikSplitButton Class="print-button" OnClick="@OnPreviewClickHandler" Icon="@SvgIcon.FilePresentation">
                                    <SplitButtonContent>Print To</SplitButtonContent>
                                        <SplitButtonItems>
                                            <SplitButtonItem Class="print-button"
                                                        OnClick="@OnPreviewClickHandler" Icon="@SvgIcon.FilePresentation">Preview</SplitButtonItem>
                                            <SplitButtonItem Class="print-button"
                                                        OnClick="@OnPdfClickHandler" Icon="@SvgIcon.FilePdf">PDF</SplitButtonItem>
                                            <SplitButtonItem Class="print-button"
                                                        OnClick="@OnExcelClickHandler" Icon="@SvgIcon.FileExcel">Excel</SplitButtonItem>
                                            <SplitButtonItem Class="print-button"
                                                        OnClick="@OnWordClickHandler" Icon="@SvgIcon.FileWord">Word</SplitButtonItem>                                            
                                            <SplitButtonItem Class="print-button"
                                                        OnClick="@OnClick_BtnEmail" Icon="@SvgIcon.EnvelopLink">Send Email</SplitButtonItem>
                                            <SplitButtonItem Class="print-button"
                                                        OnClick="@OnClick_BtnText" Icon="@SvgIcon.Rss">Send Text</SplitButtonItem>
                                        </SplitButtonItems>
                                </TelerikSplitButton>

I am trying to create a timeline component that is just using week numbers of the current year. I am looking at the Gantt chart but not sure how to customise the view to use just week numbers. There is a similar thing for telerik wpf called RadTimeline which is kind of what I want but for Blazor.

Here is an example.

Ok I have a need for the grid to do the following;

Parent grid row

    Child grid 1 detail rows

    Child grid 2 detail rows

    Child grid 3 detail rows

Parent grid has 1 set of columns.

And each of the children grids have a different set of columns to each other. Hope that make sense.

From your example doc:

<TelerikGrid Data="salesTeamMembers">
    <DetailTemplate>
        @{
            var employee = context as MainModel;
            <TelerikGrid Data="employee.Orders" Pageable="true" PageSize="5">
                <GridColumns>
                    <GridColumn Field="OrderId"></GridColumn>
                    <GridColumn Field="DealSize"></GridColumn>
                </GridColumns>
            </TelerikGrid>
        }
    </DetailTemplate>
    <GridColumns>
        <GridColumn Field="Id"></GridColumn>
        <GridColumn Field="Name"></GridColumn>
    </GridColumns>
</TelerikGrid>
 
My understanding is;

This is the parent data,

<TelerikGrid Data="salesTeamMembers">

this would be the first child grid,

<DetailTemplate>
for a 2nd child grid would I just add another one of these tags,
<DetailTemplate> lining it up to the 
 public List<DetailsModel> Orders { get; set; } in the main model?
something like:
public class MainModel
    {
        public int Id { get; set; }
        public string Name { get;set; }
        public List<Child1DetailsModel> Orders { get; set; }
        public List<Child2DetailsModel> Orders { get; set; }

    }

    public class Child1DetailsModel
    {
        public int OrderId { get; set; }
        public double DealSize { get; set; }
    }
public class Child2DetailsModel
    {
        public int RecID { get; set; }
        public double ItemValue { get; set; }
    }

Heres what I get on the page:

See it has the column info from the DB and it should be showing 4 rows of data.

When I debug I see it returning 4 rows!

I have it hooked up as such:

<TelerikGrid @ref="@GridMarginInfoResults"
                             Data="@GDMarginInfoResults"
                             AutoGenerateColumns="true"
                             Pageable="true"
                             Sortable="true"
                             Class="custom-row-colors">                
                </TelerikGrid>

private List<MarginInfo> GDMarginInfoResults { get; set; }
        public TelerikGrid<MarginInfo> GridMarginInfoResults { get; set; }

What am I missing?