Is there a way to have the toolbar not wrap buttons down to a new line and instead have them appear in some sort of over flow menu?

For example, here is the default on a small screen:

But make it look more like this when it does not fit on a single row:

 

I have an EditForm with a DropDownList (among other things) and when my OnValidSubmit fires I do what I need to do and then I want to clear the controls so the user can select different values and submit again. The problem is the drop down doesn't clear when I set the selected value to null. I wrote a test app to demonstrate it. When the app loads nothing is selected. If you select the item in the drop down and then click the "clear selection" button it doesn't clear. What do I need to do to make that work?

 

@page "/"

<br />

<TelerikButton OnClick="@ClearSelection">Clear selection</TelerikButton>
<TelerikDropDownList Data="@data" @bind-Value="selectedValue" />

@code {
    List<string> data = new() { "selection" };
    string selectedValue;

    void ClearSelection()
    {
        // This does not cause the drop down to deselect the selected item
        selectedValue = null;
        StateHasChanged();
    }
}

I have simple tree view i used it to select items from treeview it woks perfectly when I select parent item but

when I select child item . Next time child item disappears.
Anyway how to fix this problem

Designed using the HierarchicalData load on demand example, but I can only get the TelerikTreeView to display when I load the root data manually from OnInitialized.  I've even tried calling StateHasChanged in OnInitializedAsync after LoadRootHierarchical has completed.

Is there an issue with TelerikTreeView and async?

I had to search for a while and found nothing about this. For those who need to use ThemeBuilder for the import:
The json file must be adjusted before:
from



to



Best regards Matthias 

I see that there is a way to set and show a list of PageSizes in a dropdown list on the Pager control. Is there a way to do that for a paged Grid control?

I have a requirement where the user needs to be able to add a node to the treeview, which I have working. The requirement however is to NOT use a popup to prompt for the text for the node, but rather add the node - and have it editable straight away. The users can then enter the text, and either hit enter, or press/click somewhere else on the screen to commit the text change - and in turn - call the relevant API endpoint to persist the text.

Any ideas? Was hoping for an <EditItemTemplate> of sorts, but only <ItemTemplate> seems to be available.

Any assist appreciated :)

 

I am coming up to speed on using Blazor with little other web experience, so the answer probably a gap in my knowledge that is right in front of me and I can't see it... that being said:

I have a fairly standard DataGrid (included below), and it has been requested that the GridCheckBoxColumn have the checkbox centered.

For other items requiring some kind of formatting, I would just template the column with a <div> and handle things.  However, I could not find anything on how to manipulate the GridCheckBoxColumn other than the  OnCellRender event.  I have been able to verify I am receiving the event by changing the background color, but I have not found anything that will center the checkbox

Thanks!

Bob

                        <TelerikGrid Data=@lstGridData SelectionMode="GridSelectionMode.Single" Pageable="true" SelectedItemsChanged="@((IEnumerable<CEnterprise> enterprises) => OnSelect(enterprises))" Width="100%" PageSize="12">
                            <GridToolBar> <TelerikButton OnClick="@( () => EnterpriseEdit(null) )" Icon="add">Add new Enterprise</TelerikButton> </GridToolBar>
                            <GridColumns>
                                <GridCheckboxColumn SelectAll="false" Title="Select" OnCellRender="@( (e) => MakeItCentered(e) )" />                                
                                <GridColumn Field="EnterpriseName" Title="Name" />
                                <GridColumn Field="DisplayLocation" Title="Location" />
                                <GridColumn Field="ContactName1" Title="Contact" />
                                <GridColumn Field="ContactName2" Title="Contact 2" />
                                <GridCommandColumn Title="Edit" Width="8%" Context="ctxAuthorizeViewRender">
                                    <GridCommandButton OnClick="@((args) => EnterpriseEdit(args.Item as CEnterprise))" Icon="edit">Edit</GridCommandButton>
                                </GridCommandColumn>
                            </GridColumns>
                        </TelerikGrid>

 

@Code

{

    void MakeItCentered(GridCellRenderEventArgs args)
    {
        args.Class = "tiddleywinks";

    }

}

 

The blazor-ui samples blazor-ui/ResponsiveGrid.razor at master · telerik/blazor-ui · GitHub show using a windows hook to make a responsive GRID.  I've had pushback on this saying that BootStrap using CSS can do this instead.  Is there another approach using CSS that can make the GRID responsive to window resizing and changes in media sizes?

I have the following grid.  I the student has many different schools.  How do I list the different schools in one column. 

<TelerikGrid Data="@openTipGridData" ...>
                            <GridToolBar>

                            </GridToolBar>
                            <GridSettings>
                                <GridPagerSettings InputType="PagerInputType.Input" PageSizes="@gobalPageSizesOptions" ButtonCount="5" />
                            </GridSettings>
                            <GridColumns>
                                <GridColumn Field="Student.FirstName" Title="First Name"></GridColumn>
                                <GridColumn Field="Student.LastName" Title="Last Name"></GridColumn>
                                  <GridColumn Title="Schools">
                                    <Template Context="Schools">
                                        @foreach (DataColumn col in openTipGridData.Student.Schools)
                                        {
                                            
                                        }
                                    </Template>
                                </GridColumn>
                                <GridColumn Field="Encounter.AddDate" DisplayFormat="{0:dd MMM yy}" Title="Assigned To"></GridColumn>
                            </GridColumns>
                        </TelerikGrid>