Is it possible to show something else than "True/False" for a Boolean Column?
CheckBox, PNG of a checkmark, a light, etc...
Hi,
how can I show a Tooltip on the grid headers to replace short column title with a long description?
In Kendo UI I use this Javascript code:
grid.thead.kendoTooltip({ filter: "th", content: function (e: any) { var text = e.target.text().trim(); switch (text) { case "Länge": return "Zuglänge"; case "Kateg.": return "Zugkategorie"; case "Dauer": return "Expositionsdauer T<sub>TEL</sub>"; case "Geschw.": return "Geschwindigkeit"; case "LAmax": case "LAFmax": return "Maximalpegel"; case "LAeq": case "TEL": case "Vorbeifahrtpegel": return "Vorbeifahrtexpositionspegel"; default: return text; } }});Best regards,
Peter
We've recently purchased Telerik Blazor UI components for our developers. Now, does anyone have a recommendation for a 'mock up' tool that uses similar/identical components to Telerik's Blazor UI components? I'd love to get the designers creating some mockups without having these non-technical users having to install Visual Studio.
When using the DateTimePicker, if you type or select a date, and then press the keyboard backspace, or delete button, the whole date gets deleted, which is not a good user experience.
Can this behaviour be changed so that only the individual date component is blanked out, not the entire date?
Note: I posted this yesterday, but it seems to have been removed.
If seems that if databind to an ObservableCollection returned from a (synchronous) property, the DropDownList is updating as the ObservableCollection changes.
If I databind to an ObserverableCollection returned from an asynchronous method, I have to run StateHasChanged() to force the DropDownList to refresh its datasource.
Here are some snippets to demonstrate:
public class ApiDataSourceModel{
public int MyValueField { get; set; }
public string MyTextField { get; set; }
}
public class DropDownModel
public string Value { get; set; }
public string Text { get; set; }
}
public async Task<ObservableCollection<DropDownModel>> GetApiDataSource()
{
//Tried returnApiDataSource as List and even here as ObservableCollection to try to get to refresh DropDownList
ObservableCollection<ApiDataSourceModel> returnApiDataSource = await GetMyApiDataSource();
if (returnApiDataSource is not null)
{
return returnApiDataSource.Select(c => new DropDownModel() { Value = MyValueField.ToString(), Text = MyTextField }).ToList().ConvertIEnumerableToObservableCollection();
}
else
return default(ObservableCollection<Models.System.DropDownModel>);
}
//Custom Extension
public static ObservableCollection<T> ConvertIEnumerableToObservableCollection<T>(this IEnumerable<T> iEnumerableCollection)
{
if (iEnumerableCollection is not null)
return new ObservableCollection<T>(iEnumerableCollection);
else
return null;
}
string selectedApiDataSourceValue;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
ObservableCollection<DropDownModel> sourceForDdl = await GetApiDataSource();
//This won't update DDL without StateHasChanged() even though DDL data is an Observable collection that has been updated.
StateHasChanged();
}
}
DropDownList
<TelerikDropDownList @bind-Value="@selectedApiDataSourceValue"
Id="ApiDataSourceField"
Data="@sourceForDdl ">
</TelerikDropDownList>

Hi,
I can set the Grid property Resizable="true" to allow the user to adjust the column width.
I want save all column width in the Localstorage to restore it after a page refresh.
How can I read the width of all columns and set at first load? I use Blazor Server.
Exists an event "OnColumnWidthResized"?
Best regards,
Peter
Is there any way to control the tooltip position? In the Kendo UI Pie Chart the tooltip is always outside the pie when I hover over a slice, however the tooltips in the Blazor grid always appear wherever my mouse cursor is and many times it will block my ability to click on the slice to fire the series click event.
Can we make the the tooltips appear outside the pie itself just like in the Kendo UI Pie Chart?
Based on the example https://demos.telerik.com/blazor-ui/datetimepicker/overview, on Cancel or Set, the Input gets focused. On the mobile, it causes the keyboard to appear as well, which is not an intuitive behaviour.
Is it possible for this behaviour to be removed?
Thanks!