Hi, could you advice me please, how can I load data from XML or JSON to TreeView.

Thanks

Peter

I'm looking to change the selected styling of the grid search box.

When currently selected it is set as blue (using the theme I'm using).

I have set up a css class and referenced it from the search box itself. What I don't understand is how to change the selected border styling colour of the search box. This is what I have thus far:

.gridsearchbox {
    height: 24px;
    margin-right: 4px !important;
    font-size: 12px !important;
}

I just want to set the selected border colour to for example red.

Many thanks,

Rob

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; }
    }