Our company is evaluating Telerik's Blazor DataGrid for our project.
One thing we would very much like is multi-column sort.
What we want to know is whether the function works in a mobile environment(Hybrid App).
If it works like a mouse click when touching a column header, we are going to actively consider introducing it.
So...what's the secret?
I have a couple of columns in the grid with a ton of data and I want the contents of the cells with less text to be aligned to the top.
I have no issues doing this in a web forms app, but for the life of me, I cannot get it to behave in blazor.
Please take a look at https://github.com/Blazored/Toast this is how a toast should be implemented with default methods for ShowInfo
ShowSuccess,,ShowWarning and ShowError
Radzen and many other also have a similar implementation. Please be inspired and give us similar functionality in a upcoming release

After the last update the multi select drop down stopped working. It no longer drops down. You can type the names of items in the list and hit enter and they will populate the text area but the drop down never displays. Any ideas on what might be happening? As a side note I tried to change to an Autocomplete control and it would not drop down either. That might provide some insight as to the problem. I think it has something to do with the markup that caused it to behave a bit differently but not sure. I do know for sure it worked before and now it doesn't.
Hello
Is it possible to hide or close the notification from outside? I do have a notification with the possibility to answer. After clicking the button, the notification should close. Have a look at the screenshot. Thanks you and greetings from Berlin.
I have a Blazor Telerik Grid with FilterCellTemplate and a TelerikComboBox inside it, I would like to clear the selected value inside the ComboBox on button click
I am trying to create functionality to clear all the filters for a Telerik Grid on a button click event.
TelerikGrid has GridColumn that has FilterCellTemplate which is contains a TelerikComboBox.
Hi,
Trying to use AutoComplete within the Grid as the option to fill data on a column - with EditTemplate, however, when open to Add a new item, the list of values is not presented.
Changing from AutoComplete to DropDownList, works as expected.
Could you please indicate on the snippet below what is wrong?
<GridColumn Field="@(nameof(ItemRateio.Projeto))" Title="Projeto" Width="150px"> <EditorTemplate> @{ var ItemToEdit = context as ItemRateio; <TelerikAutoComplete Data="@Projects" Placeholder="Selecione Projeto" @bind-Value="@ItemToEdit.Projeto" > </TelerikAutoComplete> } </EditorTemplate></GridColumn>
Projects is a List<string> and ItemRateio.Projeto is also a string.
Thanks
If I am using templates for all my FieldItems, does each FieldItem need to have the Field attribute to associate the fielditem with the corresponding field in the data model?
See the sample markup below.
Thanks
<TelerikForm EditContext="@EditContext" Columns="2" ColumnSpacing="20px" Orientation="FormOrientation.Vertical" OnValidSubmit="OnValidSubmit"> <FormValidation> <FluentValidationValidator /> </FormValidation> <FormItems> <FormGroup LabelText="Set options"> <FormItem> <Template> <label class="k-label k-form-label" for="setName">Set Name</label> <TelerikTextBox Id="setName" @bind-Value="@model.SetName"></TelerikTextBox> </Template> </FormItem> <FormItem> <Template> <TelerikDateRangePicker @bind-StartValue="@model.StartDate" @bind-EndValue="@model.EndDate" Min="@ViewModel.MinStartDate" StartId="startDate" EndId="endDate" DisabledDates="@ViewModel.DisabledDates"> </TelerikDateRangePicker> </Template> </FormItem> <FormGroup Columns="2"> <FormItem> <Template> <label class="k-label k-form-label" for="allowAutoFill">Allow Auto Fill</label> <TelerikCheckBox Id="allowAutoFill" @bind-Value="@model.AllowAutoFill"></TelerikCheckBox> </Template> </FormItem> <FormItem Field="@nameof(model.RequiredRecsToExpire)"> <Template> <label class="k-label k-form-label">Required Recs to Expire</label> <TelerikSlider @bind-Value="@model.RequiredRecsToExpire" Min="0" Max="20" SmallStep="1" LargeStep="5" ShowButtons="false" /> </Template> </FormItem> </FormGroup> </FormGroup> <FormGroup LabelText="Initial starting point"> <FormItem LabelText="existingSets"> <Template> <label class="k-label k-form-label" for="existingSets">From existing recommendation sets</label> <RecSetSelector AvailableSets="@ViewModel.AvailableSets" IsNew="true" SelectedSetId="@ViewModel.SelectedSetId" OnSetSelected="@OnSetSelected" /> </Template> </FormItem> <FormItem> <Template> <label class="k-label k-form-label" for="eanList">From a list of EANs</label> <TelerikTextArea Id="eanList" @bind-Value="@ViewModel.EanList" AutoSize="true"> </TelerikTextArea> </Template> </FormItem> </FormGroup> <FormItem ColSpan="2"> <Template> @*<br />*@ <label class="k-label k-form-label" for="comment">Comments</label> <TelerikTextArea Id="comment" @bind-Value="@model.Comment" AutoSize="true"> </TelerikTextArea> </Template> </FormItem> <ValidationSummary /> </FormItems> <FormButtons> <TelerikButton ButtonType="ButtonType.Button" OnClick="OnCancel">Cancel</TelerikButton> <TelerikButton ButtonType="ButtonType.Submit" Primary="true">Save</TelerikButton> </FormButtons></TelerikForm>I am trying to create a reusable component which binds to a data service where I pass the binded value to the parent and get the data from the Telerik Drop List / Combo box, etc. What am I missing in regards to getting this data back up the the parent model? When I submit, it provides a value of null. #StillLearning
Code example concept:
Razor:
@inherits ActiveProviderTypeDropDownListBase
<TelerikComboBox Data="@ProviderTypes"
OnRead="@OnReadAsync"
TValue="string"
TItem="string"
AllowCustom="true"
@bind-Value="@BindValue"
Width="100%" />
Base:
public class ActiveProviderTypeDropDownListBase : ComponentBase
{
[Inject] ProviderDataService ProviderDataService { get; set; }
[Parameter] public string Width { get; set; }
[Parameter] public string BindValue { get;set; }
public List<string> ProviderTypes { get; set; }
public async Task OnReadAsync()
{
ProviderTypes = await ProviderDataService.GetActiveProviderTypesAsync();
}
}
Reusable Component For Elsewhere Elsewhere:
<ActiveProviderTypeDropDownList Width="100%"
BindValue="DialogBaseService.ValueToCreate.ProviderTypeName"