When edit is initiated from code with virtual scroll, a duplicate OnRead request is also triggered.

But this is not the case when built-in edit command button is used.

Demo

In the TelerikForm component, you have "FormItem" with a string parameter of Field and from the string, you somehow bind the data to that field.

For other components, we must use the @bind-Value to get this 2-way binding.

I would like to request the "Field" parameter for more controls like TelerikTextBox where we can bind using the string name of the field like we do in FormItem.

So instead of:

<TelerikTextBox @bind-Value="@customer.CustomerName" />

we would be able to do this:

<TelerikTextBox Field="CustomerName" />

Peter

Just came across this while looking at source code...

On applying aquatic and desert theme, Separator is not visible

Repro Steps:

1. Hit the URL:Blazor Splitter Overview - Telerik UI for Blazor
2. Turn on High contrast theme
3. Tab till Preview under Creating Splitter for Blazor
4. Tab till separator
5. Verify that separator is visible on applying aquatic and desert theme or not

Actual Result: On applying aquatic and desert Theme, Separator is not visible.

Expected Result: On applying aquatic and desert Theme, Separator should be visible

User Impact:
Users who rely on the contrast themes may feel difficulty if the close buttons in Feedback popup are not completely visible.

For Example, I have DTO like below, how on Form I will Display Lable for FormItem from value get from Display Name

    public class DepartmentRequestDTO
    {
        [Display(Name = "Department Id")]
        [Required(ErrorMessage = "Department Id" + ErrorConstant.RequiredMsg)]
        public int DepartmentId { get; set; }

        [Display(Name = "Department Name")]
        //[Required(ErrorMessage = "Department Name" + ErrorConstant.RequiredMsg)]
        [Required]
        [StringLength(50, MinimumLength = 3)]
        public string Name { get; set; }

        [Display( Name = "Remarks")]
        //[Required(ErrorMessage = "Remarks" + ErrorConstant.RequiredMsg)]
        [StringLength(250, MinimumLength = 3)]
        public string Remarks { get; set; }
    }

After updating Telerik UI for Blazor, my alert and confirmation dialogs render with the message body as transparent and the action buttons are overlapping the title bar. 

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

After the update

we're having this issue when trying to build our project.

The needed nuget package it's already added and even adding the Telerik.DataSource as a package that's not needed in theory we're not able to build.

Error CS0012 The type 'CompositeFilterDescriptor' is defined in an assembly that is not referenced. You must add a reference to assembly 'Telerik.DataSource, Version=2.1.3.0, Culture=neutral, PublicKeyToken=29ac1a93ec063d92'.

 

 

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

<TelerikCheckBox @bind-Value="@ExportAllPages" />

                            <TelerikGrid Data=@ViewModel.Requests
                                            EditMode="@GridEditMode.Inline"
                                            Height="50%"
                                            Width="100%"
                                            Resizable="true"
                                            Pageable="true"
                                            OnCreate="@ViewModel.CreateRequest"
                                            OnUpdate="@ViewModel.UpdateRequest"
                                            OnCancel="@ViewModel.CancelRequest"
                                            OnDelete="@ViewModel.DeleteRequest"
                                            PageSize=5>

 

   <GridColumns>
        @if (Columns == null || Columns.Count == 0)
        {
            <GridColumn Resizable="true" Title="Data" FieldType="typeof(string)" />
        }
        else
        {
            @foreach (var column in Columns)
            {
                if (column.PreferredType != null)
                {
                    <GridColumn Resizable="true" Field="@column.FieldName" Title="@column.Title" FieldType="column.PreferredType" />
                }
                else
                {
                    <GridColumn Resizable="true" Field="@column.FieldName" Title="@column.Title" />
                }
            }
        }
    </GridColumns>

 

 

<TelerikGrid
        @ref="GridRef"
        TItem="T"
        Pageable="true" 
        Sortable="true" 
        Groupable="true"
        FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"
        Resizable="true" 
        Reorderable="true"
        Height = "auto"
        PageSize="@PageSize"
        OnRead=@ReadData>

...

</TelerikGrid>

 

We have had major complaints from users when using the combo box.  They use the filter, see the first item highlighted, then click tab and the item in not selected.  They do a lot of data entry and don't want to use the mouse or use the down arrow to select it.  They are used to a regular HTML select control which works that way.  Is there any Javascript workaround for this?  If not, I probably have to go back to using a standard select box.  The reason I am using the combobox and not the dropdown is because your dropdown doesn't support tabbing out of the box and that was a deal breaker for them.

I saw an article on using the PopupClass for the ComboBox but that isn't a supported property.

Thanks!

Hi Team,

How to get the last focused element in the Telerik Form?

Example: I have a window with a TelerikForm with 10 textboxes and on click of close. I need to know what is the last focused element 

Thanks,

sujana

Setting the FilterDirector directly:

Setting FilterDescriptor via SearchText:

Our search box is a custom TelerikTextbox not part of the grid, but essentially the same functionality as the built-in search box.

To test, use this code:
https://docs.telerik.com/blazor-ui/components/grid/filter/searchbox#customize-the-searchbox
But add it to FilterDescriptor immediately rather than setting SearchFilter like on the link.

 

This is the only instance of this on our site, and all of our grids use the exact same code via a generic method, on our object that controls the grid we have a custom empty attribute to dictate whether a column should be filterable via our textbox.

https://demos.telerik.com/kendo-ui/bottomnavigation/index

Hi we are using blazor for mobile apps.

 

For image upload via Camera, we need features where by compressed images can be upload.

Also zoom in and zoom out features when we are showing at front end app

https://blazorrepl.telerik.com/cdkTuxEg30UJXWug36

When trying to expand the drop downs, some of them do not expand.
It is impossible to give a scenario that always behaves the same, but if
you keep expending the drop downs sooner or later some will stop working.