Description
When selecting a value via the keyboard, the input element is out of sync.
Reproduction (if bug)
1. Create a Combobox and populate it with data.
2. Trigger a change with the keyboard.
3. The value is updated but the input holds the old value and is out of sync.
REPL for reproduction:
https://blazorrepl.telerik.com/GnEnPZun00tsuQEA47
When selecting an item with the Enter key, the value is not displayed in the input field.
Reproduction- Open this REPL example
- Open the ComboBox and navigate with the arrows to any item
- Hit "Enter" to select the item
The item is selected, but its value is not displayed inside the input field.
===
The issue is also reproducible with the MultiColumnComboBox component.
Currently the MultiColumnComboBoxColumn Width is only in pixels.
I would much rather use em or %. I can do this with a <style> but the width does not calculate correctly and I cannot specify a width in the MultiColumnComboBoxColumns
IMHO, since blazor is a web UI, widths should be more than pixels.
Hello,
We've come across a bug. It seems as whatever tool button(s) that should be selected is not shown correctly. It appears to show the previously selected.
Repro steps:
- Write two different formatted texts on separate lines in your Editor component.
- Move the cursor to the first line
- Move the cursor to the second line that has a different formatted text. Note that the tool button for the formatted text on the first line is shown as selected.
This should happen:
Is this an intended behaviour? Our users are confused :)
/Patrik
Triggering Edit in a Grid bound to a DataTable and with edit mode set to Popup throws an unhandled exception. This started to occur in 4.1.0 - the same code runs fine on 4.0.1
To reproduce:
- run https://blazorrepl.telerik.com/cduHQkPS34V0enTc50 (note this is the DataTable demo, but with changed edit mode)
- trigger edit mode
- observe the unhandled exception
We use QueryableExtensions.ToDataSourceResultmethod to load some data in our component. And at some moment we need to cancel data loading. But ToDataSourceResult method doesn’t support CancellationToken. So we are forced to use a workaround and just ignore the task's result. But task is still executing and causing the performance hit…
It would be great if you implemented support for this feature!
Imagine a Grid with two editable columns, which are separated by a few non-editable ones. In the standard use case, tabbing from the first editable column should jump over the non-editable columns, and the user should end up in the second editable column.
However, if the Grid uses virtual columns and the second editable column is not rendered, tab-to-edit will stop working.
OnRowRender in version 4 style is applied through one line.
@* Conditional styling/formatting for rows (including locked/frozen columns). *@
<style>
/*the following selectors target the locked/frozen columns*/
/*===*/
.k-grid .k-master-row.myCustomRowFormatting .k-grid-content-sticky,
.k-grid .k-master-row.myCustomRowFormatting.k-alt .k-grid-content-sticky
/*===*/
{
background-color: inherit;
}
.k-grid tr.myCustomRowFormatting:hover {
background-color: red !important;
}
.k-grid tr.myCustomRowFormatting {
background-color: #90EE90;
}
</style>
<TelerikGrid Data="@MyData"
Height="446px"
Pageable="true"
Width="450px"
OnRowRender="@OnRowRenderHandler">
<GridColumns>
<GridColumn Field="@(nameof(SampleData.Id))" Width="120px" Locked="true" />
<GridColumn Field="@(nameof(SampleData.Name))" Width="200px" Title="Employee Name" />
<GridColumn Field="@(nameof(SampleData.Team))" Width="200px" Title="Team" />
</GridColumns>
</TelerikGrid>
@code {
void OnRowRenderHandler(GridRowRenderEventArgs args)
{
var item = args.Item as SampleData;
//conditional applying Class
if (true)
{
args.Class = "myCustomRowFormatting";
}
}
public IEnumerable<SampleData> MyData = Enumerable.Range(1, 30).Select(x => new SampleData
{
Id = x,
Name = "name " + x,
Team = "team " + x % 5
});
public class SampleData
{
public int Id { get; set; }
public string Name { get; set; }
public string Team { get; set; }
}
}
When I updated to the latest version I noticed that the FormItems in AuthorizedViews were moved to the bottom of the form, Quick example:
<TelerikForm>
<FormItems>
<AuthorizeView>
<Authorized>
<FormItem Field="First"/>
</Authorized>
</AuthorizeView>
<FormItem Field="Second"/>
</FormItems>
</TelerikForm>will end up like
<TelerikForm>
<FormItems>
<FormItem Field="Second"/>
<FormItem Field="First"/>
</FormItems>
</TelerikForm>
Is a ListBox control, similar to https://demos.telerik.com/aspnet-core/listbox/index, on the roadmap currently?
---
ADMIN EDIT
You can use a grid that has 1 column for the text you want to show with selection and perhaps even row dragging, and maybe hide its headers with css if you do not want them.
---
It would be helpful to have a <WindowFooter> template inside Window, like <WindowTitle>, or <WindowContent> that stays 'sticky' to the window, so buttons and other content can be placed there , regardless on the height of the window and its contents.
Regards
i wanted to know if it's possible to make fully rtl theme in ui for blazor or not i have been trying to make an rtl theme but i got some problems.
and also is it possible to use other types of calendar in datepicker (like arabic calendar)?
Hi
Trying to update to the latest version but in output in GitHub Actions it shows:
The type 'DataSourceRequest' is defined in an assembly that is not referenced. You must add a reference to assembly 'Telerik.DataSource, Version=2.1.3.0
However in my csproj I am referencing <PackageReference Include="Telerik.DataSource" Version="2.1.3" />
Any ideas?
Hello
Many times when removing a TabItem manually, we need to update some parameter or trigger some event. I think this is a missing feature for the TabStrip Component and should be added as soon as possible. I made a Custom Version of the TabStrip and added this functionality (see the unrelined Lines below):
In TelerikTabStrip.razor.cs
/// <summary>
/// Fires when a tab has been removed.
/// </summary>
[Parameter]
public EventCallback<int> TabRemoved { get; set; }
void ITabContainer.RemoveTab(ICustomTab tab)
{
int tabIndex = Tabs.IndexOf(tab);
if (PersistTabContent)
{
PersistedTabs.Remove(tab);
}
Tabs.Remove(tab);
if (TabRemoved.HasDelegate)
TabRemoved.InvokeAsync(tabIndex);
}
This way we can handle the event of removing the TabItems manually and trigger additional actions.
What also could help is triggering the ActiveTabIndexChanged whenever a new TabItem is added or removed.
Thanks
BR
Besir